added style.css file

Nishant-Chamate · Aug 10, 2023 · 3af5e8f · 3af5e8f
1 parent de7847c
commit 3af5e8f
Showing 1 changed file with 59 additions and 7 deletions.
diff --git a/style.css b/style.css
@@ -21,10 +21,11 @@ html,body{
     position: absolute;
     z-index: 99999;
     border-radius: 50%;
-    width: 0.625rem;
-    height: 0.625rem;
+    width: 0.75rem;
+    height: 0.75rem;
     background-color: white;
     transition: all cubic-bezier(0.19, 1, 0.22, 1) 1s;
+
 }
 
 .bounding{
@@ -49,10 +50,10 @@ h5{
 
 .bounding .boundingelem{
     transform: translateY(100%);
+
 }
 
 
-
 #main{
     width: 100%;
     background-color: black;
@@ -62,7 +63,7 @@ h5{
     position: relative;
     height: 100vh;
     width: 100%;
-    background-image: url("/Contact/bgimg.png");
+    background-color: black;
     color: white;
 }
 
@@ -80,8 +81,26 @@ h5{
     color: white;
     text-decoration: none;
     font-size: 1.125rem;
+
 }
 
+.namebgclr{
+    font-weight: 1000;
+    width: 13.875rem;
+    text-align: center;
+    background: #CF1512;
+    background: -webkit-linear-gradient(to right, #CF1512 0%, #9D9BCF 71%);
+    background: -moz-linear-gradient(to right, #CF1512 0%, #9D9BCF 71%);
+    background: linear-gradient(to right, #adb6d2 0%, #9D9BCF 71%);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+
+
+
+
+}
+
+
 #nav h4{
     cursor: pointer;
 }
@@ -100,11 +119,31 @@ h5{
     font-size: 10vw;
     font-weight: 900;
     font-family: 'Poppins', sans-serif;
+    background: #8784CF;
+    background: -webkit-linear-gradient(to right, #8784CF 0%, #CF7C76 100%);
+    background: -moz-linear-gradient(to right, #8784CF 0%, #CF7C76 100%);
+    background: linear-gradient(to right, #8784CF 0%, #CF7C76 100%);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+
+
+
 }
 
+
 #heading #secondh1{
     margin-left: 14.375rem;
     font-family: 'Poppins', sans-serif;
+
+    background: #4D5ACF;
+    background: -webkit-linear-gradient(to right, #4D5ACF 0%, #CF6357 100%);
+    background: -moz-linear-gradient(to right, #4D5ACF 0%, #CF6357 100%);
+    background: linear-gradient(to right, #4D5ACF 0%, #CF6357 100%);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+
+
+
 }
 
 .blocktext{
@@ -162,6 +201,7 @@ h5:hover{
     justify-content: space-evenly;
     opacity: 0.6;
     margin-right: 1.563rem;
+
 }
 
 #social a:hover{
@@ -180,7 +220,7 @@ h5:hover{
     width: 1.563rem;
     height: 1.563rem;
     border-radius: 50%;
-    background-color: #888;
+    background: linear-gradient(to right, #da6c6c 0%, #181818 54%);
     display: flex;
     align-items: center;
     justify-content: center;
@@ -213,6 +253,13 @@ h5:hover{
     font-size: 7.6vw;
     opacity: 0.7;
     cursor: pointer;
+    background: #4F4FCF;
+    background: -webkit-linear-gradient(to right, #4F4FCF 0%, #CF5353 100%);
+    background: -moz-linear-gradient(to right, #4F4FCF 0%, #CF5353 100%);
+    background: linear-gradient(to right, #4F4FCF 0%, #CF5353 100%);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+
 }
 
 
@@ -283,14 +330,19 @@ h5:hover{
     border-radius: 6.25rem;
     color: white;
     text-decoration: none;
-    font-size: 0.75rem;
+    font-weight: bolder;
     font-size: 1rem;
+
+
 }
 
 #textabout a:hover{
-    font-weight: bolder;
+
     color: black;
     background-color: #fff;
+    border: none;
+    background: linear-gradient(to right, #8380e3 0%, #CFCFCF 54%);
+
 
 
 }