Update style.css

Author: Immaculatedcoder

style.css

@@ -100,7 +100,7 @@ nav ul li a:hover::after{
 
 .about-col-1{
     flex-basis: 35%;
-    background-color: #ef004c;
+    /* background-color: #ef004c; */
 
 }
 
@@ -112,6 +112,7 @@ nav ul li a:hover::after{
 
 .about-col-2{
     flex-basis:60%;
+    /* background-color: #b54769; */
 }
 
 .sub-title{
@@ -166,7 +167,49 @@ nav ul li a:hover::after{
     display: block;
 }
 
+/* Services */
+#services{
+    /* background-color: #b54769; */
+    padding: 20px 0px;
+}
+.services-list{
+    display: grid;
+    grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
+    grid-gap: 40px;
+    margin-top: 50px;
+}
+
+.services-list div{
+    background: #262626;
+    padding: 40px;
+    font-size: 13px;
+    font-weight: 300;
+    border-radius: 0px 30px;
+    transition: 0.5s;
+}
 
+.services-list div i{
+    font-size: 50px;
+    margin-bottom: 30px;
+}
 
+.services-list div h2{
+    font-size: 30px;
+    font-weight: 500;
+    margin-bottom: 15px;
+}
+
+.services-list div a{
+    text-decoration: none; /* To remove underline */
+    color: #fff;
+    font-size: 12px;
+    margin-top: 20px;
+    display: inline-block;
+}
+
+.services-list div:hover{
+    background-color: #ff004f;
+    transform: translateY(-15px);
+}