updated many things

TanishqSharma2022 · Feb 8, 2024 · 8e5b08e · 8e5b08e
1 parent 7a8e1f8
commit 8e5b08e
Show file tree

Hide file tree

Showing 27 changed files with 178 additions and 169 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/css/fests.css b/css/fests.css
@@ -18,11 +18,11 @@ html {
     /* --navlist-color: #6a6551; */
     /* --navlist-color: #6699cc; */
 
-    --navbar-change-color: #111011;
+    --navbar-change-color: white;
     --text: white;
-    --background: #0b4151;
+    --background: white;
     --primary: #1380b4;
-    --secondary: #fae9bd;
+    --secondary: #1380b4;
     --accent: #d9a412;
     --footer-background-color: #fae9bd;
     --footer-scroll-top-color: #fae9bd;
@@ -75,10 +75,31 @@ body{
     aspect-ratio: 1/1; 
     width:100%;
   }
+  .fest_header_container h1::after{
+    content: '';
+    height: 2px;
+    width: 0px;
+    bottom: -10px;
+    display: block;
+    position: absolute;
+    background: -webkit-linear-gradient(-90deg,#024069,#0696f6);
+    transform-origin: left;
+    animation: line 0.7s ease forwards;
+    animation-delay: 1s;
+  }
+  @keyframes line{
+    0%{
+      width: 0;
+    }
+    100%{
+      width: 100px;
+    }
+
+  }
 
 .fest_header_container button{
     border-radius: 20px;
-    background: linear-gradient(-90deg,#0564a4,#31c242);
+    background: conic-gradient(from 90deg, #0696f6,#024069,#024069);
     color: white; 
     font-family: 'Poppins';
     font-weight: 600;
@@ -109,7 +130,7 @@ body{
     COLOR: WHITE;
     font-weight: 900;
     text-shadow: 0px 0px 80px rgba(0, 0, 0, 0.16);
-    background: -webkit-linear-gradient(-90deg,#0564a4,#31c242);
+    background: -webkit-linear-gradient(-90deg,#024069,#0696f6);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }   
@@ -127,6 +148,11 @@ body{
 
 }
 
+
+#nextsection img{
+    box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
+}
+
 .contain2{
     scroll-snap-type: y mandatory;
     width: 100%;
@@ -146,13 +172,12 @@ body{
     margin-bottom: 49px;
     width: 80%;
     height: 500px; 
-    /* border: 2px solid #eee; */
     background: linear-gradient(#1380b4, #0c3458);
 
     position: relative;
     top: 50px;
-    border-end-end-radius: 20px;
-    border-top-right-radius: 20px;
+    border-end-end-radius: 50px;
+    border-top-right-radius: 50px;
     padding-block: 100px;
     padding-inline: 50px;
     display: flex;
@@ -161,12 +186,14 @@ body{
     align-items: center;
     transition: all 0.5s ease;
     transform: scale(0.9) translateX(-100px);
+    /* box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; */
     box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
 
 }
 .fest-left-card:hover{
     transform: scale(1) translateX(0px);
-    box-shadow: 0px 0px 10px black;
+    box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
+
 }
 
 .fest-right-card{
@@ -190,12 +217,15 @@ body{
    right: -20%;
    transition: all 0.5s ease;
    transform: scale(0.9) translateX(100px);
-  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
+   box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
+
 
 }
 .fest-right-card:hover{
     transform: scale(1) translateX(0px);
-    box-shadow: 0px 0px 10px black;
+    /* box-shadow: 0px 0px 10px black; */
+    box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
+
 }
 
 
@@ -275,23 +305,25 @@ body{
     text-transform: uppercase;
     font-weight: 800;
     font-size: 3.5rem;
-    color: #eee;
-    text-shadow: 5px 5px 10px #0c3458;
+    color: #e8f3fc;
+    text-shadow: 5px 0px 25px #0c3458;
     letter-spacing: 10px;
     /* text-shadow: 0px 0px 10px white; */
 
 }
 
 .fest_content h1:after{
     content: '';
-    height: 3px;
+    height: 2px;
     width: 100px;
     display: block;
     position: relative;
     left: 50%;
     margin-left: -50px;
-    background-color: #0c3458;
-    margin-top: 10px;
+    background-color: #e8f3fc;
+    margin-top: 5px;
+    border-radius: 24px;
+    box-shadow: 5px 5px 10px #0c3458;
 
 }
 

diff --git a/css/style.css b/css/style.css
@@ -145,7 +145,7 @@ body {
   position: fixed;
   background: var(--background);
   /* background: hsl(0, 0, 1, 1); */
-  box-shadow: 0px 0px 5px 1px var(--text);
+  box-shadow: 0px 0px 15px 1px #000000;
   /* border: 1px solid red; */
 }
 
@@ -287,23 +287,18 @@ ul.list li a:after {
 .main4 {
   max-width: 100%;
   width: 100%;
-  /* padding: 30%; */
   height: 100vh;
-  aspect-ratio: 16/9;
   position: relative;
-  /* min-height: 100%; */
   display: flex;
   align-items: center;
-  justify-content: center;
-  margin-top: -8vh;
+  /* justify-content: center; */
   background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
     url(../images/mainBackground/iiser3.jpeg);
   background-size: cover;
-  overflow: hidden;
-  min-height: 500px;
+  /* overflow: hidden; */
+  min-height: 600px;
   max-height: 1080px;
   z-index: 99;
-  /* animation: slider 19s infinite ease; */
 }
 
 
@@ -322,20 +317,7 @@ ul.list li a:after {
   margin-left: 30px;
 }
 
-#btnRight {
-  top: 50%;
-  left: 100%;
-  transform: translate(-50%, -50%);
-  position: relative;
-  margin-left: -30px;
-}
 
-#btnLeft {
-  top: 50%;
-  left: 0%;
-  transform: translate(-50%, -50%);
-  margin-left: 30px;
-}
 
 .main button:hover {
   opacity: 0.9;
@@ -771,12 +753,16 @@ li a:hover {
   color: black;
   text-align: center;
   align-items: center;
-  font-size: clamp(10px, 1vw, 20px);
   /* border: 2px solid red; */
   cursor: pointer;
 }
 .box h2{
-  line-height: 30px;
+  margin-top: 10px;
+  font-family: 'Raleway';
+  font-weight: 800;
+  font-size: clamp(10px, 1.5vw, 20px);
+
+  /* line-height: 30px; */
 }
 
 .box img {
@@ -979,7 +965,6 @@ h1 > img {
   /* justify-content: space-around; */
 }
 .box h3{
-  margin-top: -10px;
   padding-bottom: 10px;
 }
 
@@ -1408,8 +1393,7 @@ button.popup_close:hover {
   text-transform: uppercase;
   font-size: 3rem;
   font-weight: 800;
-  /* text-shadow: 0px 0px 13px black; */
-  /* text-shadow: 3px 3px 7px rgba(0, 0, 0, 0.47); */
+
 }
 
 .popup_content h3 {
@@ -2252,11 +2236,10 @@ width: 95%;
     color: black;
     display: block;
     padding: 10px;
-    justify-content: center;
     /* background: red; */
     align-items: center;
     text-align: center;
-    top: 60%;
+    top: 40%;
   }
   .popup_content_bio{
     padding: 0px;
@@ -2274,6 +2257,7 @@ width: 95%;
     font-size: 30px;
     position: relative;
     color: var(--text);
+    line-height: 0;
 
     /* text-shadow: 1px 2px 10px black; */
 
@@ -2404,6 +2388,8 @@ width: 95%;
     margin: 0;
     padding: 0;
     height: 6vh;
+    position: absolute;
+    top:0;
     z-index: 999999;
 
   }
@@ -2425,6 +2411,7 @@ width: 95%;
     margin: 0;
     position: fixed;
     text-align: center;
+
     top: 0%;
     left: -100%;
     display: flex;
@@ -2463,6 +2450,10 @@ width: 95%;
     font-weight: 500;
     font-size: 1.2rem;
   }
+svg.feedback g{
+  fill: #1c1d1e;
+
+}
   .navbar .list li:hover {
     border: 2px solid var(--navlist-color);
     color: var(--navlist-color);