Update styles.css

Author: Gaurav07076

Fronted Projects/CV/css/styles.css

@@ -1 +1,169 @@
+body{
+    color: #40514E;
+    margin:0;
+    text-align: center;
+    font-family: 'Merriweather',serif ;
+}
+
+h1{
+    font-size:5.625rem;
+    margin:50px auto 0 auto;
+    font-family: 'Sacramento',cursive ;
+    color: #66BFBF;
+
+}
+
+h2{
+    font-family: 'Montserrat',sans-serif ;
+    font-size: 2.5rem;
+    color: #66BFBF;
+    font-weight: normal;
+    padding-bottom: 10px;
+
+
+}
+
+h3{
+    font-family: 'Montserrat',sans-serif ;
+    color:  #11999E;
+
+}
+p{
+    line-height: 2;
+}
+
+hr{
+    border:dotted #EAF6F6 6px;
+    border-bottom: none;
+    width: 4%;
+    margin:100px auto;
+}
+
+a{
+    color: #11999E;
+    font-family: 'Montserrat',sans-serif ;
+    margin: 10px 20px;
+    text-decoration: none;
+
+
+}
+
+a:hover{
+    color: #EAF6F6;
+}
+
+.top-container{
+    background-color: #E4F9F5;
+    position: relative;
+    padding-top: 100px;
+   
+  
+}
+
+.middle-container{
+    margin: 100px 0;
+    
+}
+
+.bottom-container{
+    background-color: #66bfbf;
+    padding: 50px 0 20px
+    
+
+}
+
+.pro{
+    text-decoration: underline;
+}
+
+.intro{
+    width: 30%;
+    margin:auto;
+    
+}
+
+.contact-message{
+    width:40%;
+    margin:40px auto 60px
+}
+
+.copyright{
+    color: #EAF6F6;
+    font-size: 0.75rem;
+    padding: 20px 0;
+}
+
+.bottom-cloud{
+    position:absolute;
+    left:50px;
+    bottom: 300px;
+    
+    
+}
+
+.top-cloud{
+    position: absolute;
+    right:300px;
+    top:40px;
+    
+}
+
+a{
+    color:  #11999E;
+}
+
+.skill-row{
+    width: 50%;
+    margin: 100px auto 100px auto; 
+    text-align: left;
+    
+
+}
+
+.programmer{
+    
+    width: 20%;
+    float:left;
+    margin-right: 30px;
+    
+    
+}
+
+.gamer{
+    
+    width: 20%;
+    float:right;
+    margin-left: 30px;   
+
+}
+
+.btn {
+    background: #11cdd4;
+    background-image: -webkit-linear-gradient(top, #11cdd4, #2980b9);
+    background-image: -moz-linear-gradient(top, #11cdd4, #2980b9);
+    background-image: -ms-linear-gradient(top, #11cdd4, #2980b9);
+    background-image: -o-linear-gradient(top, #11cdd4, #2980b9);
+    background-image: linear-gradient(to bottom, #11cdd4, #2980b9);
+    -webkit-border-radius: 8;
+    -moz-border-radius: 8;
+    border-radius: 8px;
+    font-family: 'Montserrat',sans-serif ;
+    color: #ffffff;
+    font-size: 20px;
+    padding: 10px 20px 10px 20px;
+    text-decoration: none;
+  }
+  
+  .btn:hover {
+    background: #30e3cb;
+    background-image: -webkit-linear-gradient(top, #30e3cb, #2bc4ad);
+    background-image: -moz-linear-gradient(top, #30e3cb, #2bc4ad);
+    background-image: -ms-linear-gradient(top, #30e3cb, #2bc4ad);
+    background-image: -o-linear-gradient(top, #30e3cb, #2bc4ad);
+    background-image: linear-gradient(to bottom, #30e3cb, #2bc4ad);
+    text-decoration: none;
+  }
+
+
+