diff --git a/styles.css b/styles.css index 046b565..dc54158 100644 --- a/styles.css +++ b/styles.css @@ -603,6 +603,7 @@ body.dark { /* About Us section Styles goes here */ .aboutus-section-wrapper { + background-image: linear-gradient(white, #cee1e8); width: 100%; /* height: 100vh; */ margin-top: 4rem; @@ -849,7 +850,8 @@ body.dark { /* Past Events section Styles goes here */ .past-events { - margin: 100px 0; + background-color: #cee1e8; + padding: 100px 0; } .events-title { @@ -973,6 +975,12 @@ body.dark { font-family: "Playfair Display SC", serif; } +.swiper-slide:hover { + transform: scale(1.02); + box-shadow: #537185 0px 0px 20px 1px; + transition: transform 0.3s ease; +} + /* @media (max-width: 768px) { .past-events-card { display: none; @@ -1103,7 +1111,8 @@ body.dark { /* Achievements section styles goes here */ .achievement-section { - margin: 100px 0; + background-color: #cee1e8; + padding: 0 0 100px 0; } .achievement-section { @@ -1221,7 +1230,12 @@ span.text { /* Our Team section Styles goes here */ /* FAQ section Styles goes here */ -.faq-section h1 { + +.faq-section{ + background-image: linear-gradient(#cee1e8, #fff); +} + +.faq-section h1 { text-align: center; /* font-family: "Lato", sans-serif; */ font-family: "Playfair Display SC", serif; @@ -1307,6 +1321,7 @@ span.text { /* Contact Us section Styles goes here */ .contact-container { + background-image: linear-gradient(#fff, #e7f4f9); position: relative; width: 100%; min-height: 100vh; @@ -1315,7 +1330,7 @@ span.text { display: flex; align-items: center; justify-content: center; - margin: 160px 0 100px; + padding: 160px 0 100px; } @media (max-width: 768px) { @@ -1331,7 +1346,7 @@ span.text { .form { width: 100%; max-width: 820px; - background-color: #fff; + background-color: #c5e0ed; border-radius: 10px; box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1); z-index: 1; @@ -1371,7 +1386,7 @@ span.text { position: absolute; width: 26px; height: 26px; - background-color: #fff; + background-color: #c5e0ed; transform: rotate(45deg); top: 50px; left: -13px;