adding styling to contact page(icons)

Author: Vishal-raj-1

style.css

@@ -19,6 +19,7 @@ h2,h3 {
 
 a {
   color: #1976D2;
+  text-decoration: none;
 }
 
 .nwoc-header {
@@ -325,8 +326,71 @@ a {
   margin: 0 auto;
 }
 
+/* Contact Page Start Here */
 .nwoc-contact {
   width: 160px;
+  text-align: center;
+}
+.contact-heading{
+  text-align: center;
+}
+
+.nwoc-contact + p {
+  margin-top: 15px;
+  margin-bottom: 0;
+  font-size: 18px;
+  text-align: center;
+} 
+
+img.nwoc-contact{
+  display:block;
+  width: 50%;
+  margin: 0 auto;
+}
+
+.social-links{
+  display: flex; 
+  flex-wrap: wrap;
+  justify-content: center;
+  align-items: center;
+}
+
+.social-links a{
+  font-size: 25px;
+  padding: 12px;
+  background-color: white;
+  border: 2px solid rgb(167, 218, 233);
+  border-radius: 50%;
+  margin: 4px;
+  transform: scale(1);
+  transition: all 0.1s ease;
+}
+
+.social-links a:hover{
+  transform: scale(1.1);
+  border: 2px solid rgb(129, 204, 227);
+}
+
+.social-links .fa-facebook-f{
+  color: #3b5998;
+  margin: 2px 5px;
+}
+
+.social-links .fa-twitter{
+  color: #1DA1F2;
+}
+
+.social-links .fa-github{
+  color: black;
+}
+
+.social-links .fa-gitter{
+  color: #e6e8fa;
+  margin: 1px 2px;
+}
+
+.social-links .fa-envelope{
+  color: #ca6363;
 }
 
 @media screen and (max-width: 960px) {
@@ -469,9 +533,9 @@ svg {
   transform-box: fill-box;
   transform-origin: 50% 100%;
 }
-.drop1 {
+/* .drop1 {
   
-}
+} */
 .drop2 {
   animation-delay: 3s;
   animation-duration:3s;
@@ -728,8 +792,8 @@ footer p strong {
 }
 
 
-.about-me-img img {
-}
+/* .about-me-img img {
+} */
 
 
 .authorWindow{