html { transition: all 0.3s ease; }

html { --background-color: #0d0d0f; --background-image: url(/assets/images/bg-dark.svg); --border-color: rgba(255, 255, 255, 0.1); --text-color: #ffffff; --light-text-color: #ccc; --link-color: #ff7613; --card-color: #26262b; --card-color-light: #2d2d33; --header-color: rgba(18, 16, 19, 0.35); --header-color-mobile: rgba(18, 16, 19, 0.95); --header-image-url: url(/assets/images/ritsec_logo_final-05.png); }

html.light { --background-color: #F1F1F1; --background-image: url(/assets/images/bg-light.svg); --border-color: rgba(0, 0, 0, 0.1); --text-color: #000000; --light-text-color: #525252; --link-color: #ff7613; --card-color: #f3f3f4; --card-color-light: #e2e2e7; --header-color: rgba(211, 210, 211, 0.35); --header-color-mobile: rgba(211, 210, 211, 0.95); --header-image-url: url(/assets/images/ritsec_logo_final-05.png); --gradient-1: #e6e6e6; --gradient-2: #cbcbcb; --gradient-3: #b2b2b2; }

*, *::before, *::after { box-sizing: inherit; }

* { box-sizing: border-box; vertical-align: baseline; font-weight: inherit; font-family: inherit; font-style: inherit; font-size: 16px; border: 0 none; outline: 0; padding: 0; margin: 0; }

html, body { width: 100%; overflow-x: hidden; }

/** Scrollbar **/
/** Links **/
:link { color: var(--text-color); opacity: 1; transition: 0.1s ease-in-out; }
:link:hover { opacity: 0.7; }

body { margin: 0; padding: 0; font-family: "JetBrains Mono", Monospace, Sans-Serif; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-wrap: break-word; color: var(--text-color); background-image: var(--background-image); background-attachment: fixed; max-width: 100%; height: 100%; min-height: 100%; display: flex; flex-direction: column; overflow-x: hidden; }

/** Header **/
.header { position: sticky; width: 100%; min-height: 64px; z-index: 100; top: 0; display: flex; align-items: center; background-color: var(--header-color); backdrop-filter: blur(16px); border-bottom: 1px solid transparent; transition: all 0.15s ease-in-out; }

.border-bottom { border-bottom: 1px solid var(--border-color); }

.header-wrapper { display: flex; flex: 1 1; justify-content: space-evenly; align-items: center; max-width: 80rem; margin: 0 auto; padding: 0 16px; }

.header-image-container { width: 80%; z-index: 105; }

.header-image-container, .header-image-container a { display: flex; align-items: center; height: 100%; }

.header-image { height: 48px; content: var(--header-image-url); z-index: 105; }

.navbar-slash { color: #E69132; }

.navbar-links { display: flex; justify-content: space-around; width: 65%; z-index: 20; }
.navbar-links li { list-style: none; }
.navbar-links a { display: flex; color: var(--text-color); opacity: 0.7; text-decoration: none; font-size: 1rem; font-weight: 600; margin-left: 1rem; transition: 0.15s ease-in-out; }
.navbar-links a:hover { opacity: 1; }

.navbar-burger { display: none; cursor: pointer; z-index: 20; }
.navbar-burger div { width: 25px; height: 2px; background-color: var(--text-color); opacity: 0.7; margin: 5px; transition: all 0.3s ease; }

@media screen and (max-width: 1024px) { body { overflow-x: hidden; }
  .navbar-links { position: absolute; top: 0; right: 0; height: 100vh; background-color: var(--header-color-mobile); backdrop-filter: blur(16px); border-left: 1px solid var(--border-color); display: flex; flex-direction: column; justify-content: start; gap: 20px; padding-top: 64px; z-index: 15; width: 40%; transform: translateX(100%); transition: transform 0.5s ease-in-out; }
  .navbar-links li { opacity: 0; }
  .navbar-burger { display: block; } }
.navbar-active { transform: translateX(0); }

.navbar-burger-active .line-1 { transform: rotate(-45deg) translate(-5px, 5px); }
.navbar-burger-active .line-2 { opacity: 0; }
.navbar-burger-active .line-3 { transform: rotate(45deg) translate(-5px, -5px); }

@keyframes navbar-link-fade { from { opacity: 0; transform: translateX(50px); }
  to { opacity: 1; transform: translateX(0); } }
/** Footer **/
.site-footer { background: var(--background-color); height: auto; width: 100%; padding: 1rem; border-top: 1px solid var(--border-color); display: flex; align-items: center; }

.footer-wrapper { width: 100%; max-width: 48rem; margin: 0 auto; display: flex; flex-direction: column; align-items: center; text-align: center; }

.footer-info-container { width: 100%; height: 100%; display: flex; align-items: center; text-align: left; }
@media (max-width: 576px) { .footer-info-container { flex-direction: column; text-align: center; } }

.footer-title-container { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: flex-start; }
@media (max-width: 576px) { .footer-title-container { justify-content: center; align-items: center; flex-direction: row; gap: 12px; margin-bottom: 8px; } }

.footer-title { color: var(--text-color); font-size: 1.5rem; font-weight: 700; margin-bottom: 4px; }

.footer-description-container { width: 100%; height: 100%; font-size: 1rem; color: var(--text-color); opacity: 0.75; }
@media (max-width: 576px) { .footer-description-container { font-size: 0.85rem; } }

.email:link { color: var(--text-color); text-decoration: underline; text-decoration-color: var(--link-color); opacity: 0.7; transition: 0.1s ease-in-out; }

.email:hover { color: var(--link-color); opacity: 1; }

.email:visited { color: var(--link-color); }

.footer-social-container { width: 100%; height: 100%; margin-top: 20px; display: flex; flex-direction: row; justify-content: center; gap: 12px; }

.social-link { width: 40px; height: 40px; padding: 10px; border: 1px solid var(--border-color); display: flex; justify-content: center; align-items: center; color: var(--text-color); opacity: 0.7; text-decoration: none; transition: 0.1s ease-in-out; }
.social-link svg { width: 20px; height: 20px; }
.social-link:hover { opacity: 1; }

@media (max-width: 768px) { .footer-wrapper { flex-direction: column; }
  .footer-col-wrapper { margin: 0.25rem 0; } }
/** Content **/
.heading-title { font-style: normal; font-weight: 800; text-align: center; color: var(--text-color); margin-top: 60px; font-size: 4rem; line-height: 4rem; }

.heading-description { font-style: normal; font-weight: 600; text-align: center; color: var(--light-text-color); margin-top: 24px; font-size: 1.3rem; line-height: 2rem; }

.toggle { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 42px; height: 22px; display: inline-block; position: relative; border-radius: 50px; overflow: hidden; outline: none; border: none; margin-top: 1rem; cursor: pointer; background-color: #707070; transition: background-color ease 0.3s; }

.toggle:before { content: ""; display: block; position: absolute; z-index: 2; width: 18px; height: 18px; background: #fff; left: 2px; top: 2px; border-radius: 50%; font: 10px/18px Helvetica; text-transform: uppercase; font-weight: bold; text-indent: -22px; word-spacing: 37px; color: #fff; text-shadow: -1px -1px rgba(0, 0, 0, 0.15); white-space: nowrap; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); transition: all cubic-bezier(0.3, 1.5, 0.7, 1) 0.3s; }

.toggle:checked { background-color: #202020; }

.toggle:checked:before { left: 22px; }

.intro-section { width: 100%; max-width: 100%; display: flex; flex-direction: column; align-items: center; position: relative; padding: 0px 32px; }
@media (min-width: 576px) { .intro-section { padding: 0px 64px; } }

.home-scroll-prompt { width: 100%; height: 36px; display: flex; justify-content: center; align-items: center; margin-top: 32px; }

.home-scroll_border { stroke: var(--text-color); }

.home-scroll_center { fill: var(--text-color); }

.slideshow { background: linear-gradient(126.6deg, rgba(255, 255, 255, 0.12) 28.69%, rgba(255, 255, 255, 0) 100%); backdrop-filter: blur(140px); border-radius: 16px; display: flex; align-items: center; justify-content: center; width: 100%; max-width: 1100px; padding: 2%; aspect-ratio: 1.67; margin-top: 40px; margin-bottom: 40px; }
.slideshow img { border-radius: 8px !important; box-shadow: 0px 4px 64px rgba(0, 0, 0, 0.2) !important; }
@media (min-width: 576px) { .slideshow { margin-top: 62px; margin-bottom: 120px; } }

.slideshow_wrapper { position: relative; border-radius: 8px; overflow: hidden; width: 100%; height: 100%; vertical-align: middle; }

.slideshow_image { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); box-shadow: 0px 4px 64px rgba(0, 0, 0, 0.2); }

/** About Section **/
.home_about-section { width: 100%; max-width: 100%; }

.home_about-sep { height: 0.5rem; }

.home_about-background { background-image: linear-gradient(to top right, var(--gradient-2), var(--gradient-3)); padding: 4rem 0; }

.home_about-container { max-width: 80rem; padding: 0 1.25rem; margin: 0 auto; }
@media (min-width: 640px) { .home_about-container { padding: 0px 5rem; } }

.home_about-content { margin: 0 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }

.home_about-title { font-weight: 700; color: var(--text-color); margin-bottom: 1.5rem; font-size: 2.25rem; line-height: 2.5rem; }

.home_about-description { font-weight: 400; color: var(--light-text-color); font-size: 1.25rem; line-height: 1.75rem; }

.home_about-button-container { display: flex; flex-direction: row; gap: 1rem; margin-top: 1.75rem; }

.home_about-button { text-align: center; width: 10rem; padding: 0.75rem 0; background-color: var(--card-color); border: 1px solid var(--border-color); border-radius: 6px; color: var(--text-color); opacity: 0.85; text-decoration: none; transition: all 0.15s ease-in-out; font-size: 1rem; line-height: 1.25rem; }
.home_about-button:hover { opacity: 1; }

/** Events Section **/
.home_events-sponsors-section { background: linear-gradient(165deg, var(--background-color) 50%, #1b171b62 0); padding: 4rem 0; }

.home_events-container { max-width: 80rem; margin: 0 auto 2rem; padding: 0 1.25rem; }
@media (min-width: 640px) { .home_events-container { padding: 0px 5rem; } }

.home_events-title { color: var(--text-color); opacity: 0.75; font-size: 1.25rem; line-height: 1.75rem; }

.home_events-grid { width: 100%; margin-top: 1.5rem; display: flex; flex-direction: column; flex-flow: wrap; gap: 20px; justify-content: center; }

.home_event { background-color: var(--card-color); width: 100%; cursor: pointer; border-radius: 8px; border: 1px solid transparent; padding: 1rem; opacity: 1; text-decoration: none; display: grid; grid-template-columns: 1fr 40px; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2); transition: all 0.1s ease; }
.home_event:hover { opacity: 1; border: 1px solid var(--link-color); background-color: var(--card-color-light); }
@media (min-width: 1178px) { .home_event { width: 49%; } }

.home_event-title { font-weight: 700; color: var(--text-color); margin-bottom: 0.5rem; font-size: 1.25rem; line-height: 1.5rem; }

.home_event-description { display: flex; font-weight: 400; color: var(--text-color); opacity: 0.7; font-size: 1.05rem; line-height: 1.3rem; }

.home_events-empty-message { width: 100%; padding: 5rem 0; display: flex; justify-content: center; align-items: center; text-align: center; font-size: 1.1rem; opacity: 0.75; }

.home_events-grid { width: 100%; margin-top: 1.5rem; display: flex; flex-direction: column; flex-flow: wrap; gap: 20px; justify-content: center; }

.home_event-link-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }

.home_event-link-icon { color: var(--text-color); height: 1.5rem; width: 1.5rem; }

/** Sponsors Section **/
.home_sponsors-grid { width: 100%; margin-top: 1.5rem; display: flex; flex-direction: column; flex-flow: wrap; gap: 36px; justify-content: center; }

.home_sponsor { width: 250px; height: 300px; display: grid; grid-template-rows: 250px 50px; color: var(--text-color); text-decoration: none; }

.home_sponsor-image { width: 250px; height: 250px; object-fit: contain; padding: 1rem; background: #fff; border-radius: 4px; border: 1px solid var(--border-color); }

.home_sponsor-details { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; font-size: 1.2rem; font-weight: 700; }

/** Join Section **/
.home_join-background { padding: 1rem 0; }

.home_join-section { width: 100%; max-width: 100%; }

.home_join-title { font-weight: 700; color: var(--text-color); font-size: 2.25rem; line-height: 2.5rem; }
@media (max-width: 1024px) { .home_join-title { font-size: 1.75rem; line-height: 2rem; } }

.home_join-content { max-width: 54rem; margin: 0 auto; display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
@media (max-width: 764px) { .home_join-content { flex-direction: column; gap: 16px; } }

.type-animate { overflow: hidden; border-right: .15em solid #E69132; white-space: nowrap; max-width: max-content; animation: typing 3.5s steps(40, end), blink-caret 0.75s step-end infinite; }

@keyframes typing { from { width: 0; }
  to { width: 100%; } }
@keyframes blink-caret { from, to { border-color: transparent; }
  50% { border-color: #E69132; } }
.snow { position: absolute; width: 10px; height: 10px; background: white; border-radius: 50%; }
.snow:nth-child(1) { opacity: 0.9342; transform: translate(49.4248vw, -10px) scale(0.5937); animation: fall-1 21s -4s linear infinite; }
@keyframes fall-1 { 35.118% { transform: translate(47.7957vw, 35.118vh) scale(0.5937); }
  to { transform: translate(48.61025vw, 100vh) scale(0.5937); } }
.snow:nth-child(2) { opacity: 0.8568; transform: translate(39.5601vw, -10px) scale(0.7251); animation: fall-2 16s -8s linear infinite; }
@keyframes fall-2 { 40.372% { transform: translate(39.1926vw, 40.372vh) scale(0.7251); }
  to { transform: translate(39.37635vw, 100vh) scale(0.7251); } }
.snow:nth-child(3) { opacity: 0.856; transform: translate(87.5559vw, -10px) scale(0.5769); animation: fall-3 10s -28s linear infinite; }
@keyframes fall-3 { 33.404% { transform: translate(86.6724vw, 33.404vh) scale(0.5769); }
  to { transform: translate(87.11415vw, 100vh) scale(0.5769); } }
.snow:nth-child(4) { opacity: 0.1787; transform: translate(2.3338vw, -10px) scale(0.1266); animation: fall-4 24s -2s linear infinite; }
@keyframes fall-4 { 70.917% { transform: translate(-0.1533vw, 70.917vh) scale(0.1266); }
  to { transform: translate(1.09025vw, 100vh) scale(0.1266); } }
.snow:nth-child(5) { opacity: 0.5674; transform: translate(31.8595vw, -10px) scale(0.0727); animation: fall-5 21s -26s linear infinite; }
@keyframes fall-5 { 66.328% { transform: translate(29.8219vw, 66.328vh) scale(0.0727); }
  to { transform: translate(30.8407vw, 100vh) scale(0.0727); } }
.snow:nth-child(6) { opacity: 0.6609; transform: translate(41.1316vw, -10px) scale(0.6792); animation: fall-6 20s -30s linear infinite; }
@keyframes fall-6 { 56.76% { transform: translate(50.6879vw, 56.76vh) scale(0.6792); }
  to { transform: translate(45.90975vw, 100vh) scale(0.6792); } }
.snow:nth-child(7) { opacity: 0.4248; transform: translate(60.2783vw, -10px) scale(0.2782); animation: fall-7 11s -30s linear infinite; }
@keyframes fall-7 { 43.218% { transform: translate(51.3746vw, 43.218vh) scale(0.2782); }
  to { transform: translate(55.82645vw, 100vh) scale(0.2782); } }
.snow:nth-child(8) { opacity: 0.9258; transform: translate(18.4277vw, -10px) scale(0.4111); animation: fall-8 17s -28s linear infinite; }
@keyframes fall-8 { 61.068% { transform: translate(18.857vw, 61.068vh) scale(0.4111); }
  to { transform: translate(18.64235vw, 100vh) scale(0.4111); } }
.snow:nth-child(9) { opacity: 0.4256; transform: translate(48.1347vw, -10px) scale(0.5406); animation: fall-9 11s -22s linear infinite; }
@keyframes fall-9 { 48.682% { transform: translate(45.2187vw, 48.682vh) scale(0.5406); }
  to { transform: translate(46.6767vw, 100vh) scale(0.5406); } }
.snow:nth-child(10) { opacity: 0.0582; transform: translate(38.9433vw, -10px) scale(0.4595); animation: fall-10 15s -19s linear infinite; }
@keyframes fall-10 { 73.447% { transform: translate(37.8983vw, 73.447vh) scale(0.4595); }
  to { transform: translate(38.4208vw, 100vh) scale(0.4595); } }
.snow:nth-child(11) { opacity: 0.2098; transform: translate(75.0678vw, -10px) scale(0.8276); animation: fall-11 23s -9s linear infinite; }
@keyframes fall-11 { 51.116% { transform: translate(80.8494vw, 51.116vh) scale(0.8276); }
  to { transform: translate(77.9586vw, 100vh) scale(0.8276); } }
.snow:nth-child(12) { opacity: 0.6896; transform: translate(12.5443vw, -10px) scale(0.6013); animation: fall-12 13s -11s linear infinite; }
@keyframes fall-12 { 74.806% { transform: translate(11.8916vw, 74.806vh) scale(0.6013); }
  to { transform: translate(12.21795vw, 100vh) scale(0.6013); } }
.snow:nth-child(13) { opacity: 0.1584; transform: translate(52.0036vw, -10px) scale(0.7292); animation: fall-13 30s -23s linear infinite; }
@keyframes fall-13 { 55.089% { transform: translate(47.4801vw, 55.089vh) scale(0.7292); }
  to { transform: translate(49.74185vw, 100vh) scale(0.7292); } }
.snow:nth-child(14) { opacity: 0.5425; transform: translate(3.9501vw, -10px) scale(0.2192); animation: fall-14 12s -30s linear infinite; }
@keyframes fall-14 { 63.722% { transform: translate(1.0575vw, 63.722vh) scale(0.2192); }
  to { transform: translate(2.5038vw, 100vh) scale(0.2192); } }
.snow:nth-child(15) { opacity: 0.7305; transform: translate(96.4736vw, -10px) scale(0.6533); animation: fall-15 23s -25s linear infinite; }
@keyframes fall-15 { 76.745% { transform: translate(95.8462vw, 76.745vh) scale(0.6533); }
  to { transform: translate(96.1599vw, 100vh) scale(0.6533); } }
.snow:nth-child(16) { opacity: 0.6895; transform: translate(45.6114vw, -10px) scale(0.5114); animation: fall-16 29s -24s linear infinite; }
@keyframes fall-16 { 74.872% { transform: translate(55.2382vw, 74.872vh) scale(0.5114); }
  to { transform: translate(50.4248vw, 100vh) scale(0.5114); } }
.snow:nth-child(17) { opacity: 0.4446; transform: translate(51.8188vw, -10px) scale(0.7655); animation: fall-17 28s -6s linear infinite; }
@keyframes fall-17 { 36.262% { transform: translate(52.5413vw, 36.262vh) scale(0.7655); }
  to { transform: translate(52.18005vw, 100vh) scale(0.7655); } }
.snow:nth-child(18) { opacity: 0.3667; transform: translate(27.6836vw, -10px) scale(0.1591); animation: fall-18 25s -8s linear infinite; }
@keyframes fall-18 { 71.518% { transform: translate(28.6718vw, 71.518vh) scale(0.1591); }
  to { transform: translate(28.1777vw, 100vh) scale(0.1591); } }
.snow:nth-child(19) { opacity: 0.7896; transform: translate(35.0582vw, -10px) scale(0.0146); animation: fall-19 14s -28s linear infinite; }
@keyframes fall-19 { 62.325% { transform: translate(36.8747vw, 62.325vh) scale(0.0146); }
  to { transform: translate(35.96645vw, 100vh) scale(0.0146); } }
.snow:nth-child(20) { opacity: 0.0131; transform: translate(13.2098vw, -10px) scale(0.8597); animation: fall-20 18s -8s linear infinite; }
@keyframes fall-20 { 75.339% { transform: translate(3.6588vw, 75.339vh) scale(0.8597); }
  to { transform: translate(8.4343vw, 100vh) scale(0.8597); } }
.snow:nth-child(21) { opacity: 0.3342; transform: translate(68.2688vw, -10px) scale(0.7776); animation: fall-21 16s -2s linear infinite; }
@keyframes fall-21 { 36.307% { transform: translate(65.8835vw, 36.307vh) scale(0.7776); }
  to { transform: translate(67.07615vw, 100vh) scale(0.7776); } }
.snow:nth-child(22) { opacity: 0.2303; transform: translate(34.4872vw, -10px) scale(0.3327); animation: fall-22 22s -24s linear infinite; }
@keyframes fall-22 { 75.128% { transform: translate(41.9195vw, 75.128vh) scale(0.3327); }
  to { transform: translate(38.20335vw, 100vh) scale(0.3327); } }
.snow:nth-child(23) { opacity: 0.0795; transform: translate(5.6671vw, -10px) scale(0.0081); animation: fall-23 24s -23s linear infinite; }
@keyframes fall-23 { 67.304% { transform: translate(8.0801vw, 67.304vh) scale(0.0081); }
  to { transform: translate(6.8736vw, 100vh) scale(0.0081); } }
.snow:nth-child(24) { opacity: 0.4693; transform: translate(4.1117vw, -10px) scale(0.3764); animation: fall-24 11s -25s linear infinite; }
@keyframes fall-24 { 39.247% { transform: translate(1.2551vw, 39.247vh) scale(0.3764); }
  to { transform: translate(2.6834vw, 100vh) scale(0.3764); } }
.snow:nth-child(25) { opacity: 0.7095; transform: translate(3.8353vw, -10px) scale(0.833); animation: fall-25 30s -22s linear infinite; }
@keyframes fall-25 { 61.699% { transform: translate(11.5446vw, 61.699vh) scale(0.833); }
  to { transform: translate(7.68995vw, 100vh) scale(0.833); } }
.snow:nth-child(26) { opacity: 0.6951; transform: translate(87.4464vw, -10px) scale(0.9508); animation: fall-26 24s -28s linear infinite; }
@keyframes fall-26 { 44.351% { transform: translate(82.6959vw, 44.351vh) scale(0.9508); }
  to { transform: translate(85.07115vw, 100vh) scale(0.9508); } }
.snow:nth-child(27) { opacity: 0.8525; transform: translate(29.1015vw, -10px) scale(0.8986); animation: fall-27 10s -25s linear infinite; }
@keyframes fall-27 { 47.253% { transform: translate(30.9721vw, 47.253vh) scale(0.8986); }
  to { transform: translate(30.0368vw, 100vh) scale(0.8986); } }
.snow:nth-child(28) { opacity: 0.0202; transform: translate(45.882vw, -10px) scale(0.6096); animation: fall-28 25s -27s linear infinite; }
@keyframes fall-28 { 59.368% { transform: translate(48.5573vw, 59.368vh) scale(0.6096); }
  to { transform: translate(47.21965vw, 100vh) scale(0.6096); } }
.snow:nth-child(29) { opacity: 0.8422; transform: translate(79.0484vw, -10px) scale(0.6719); animation: fall-29 12s -19s linear infinite; }
@keyframes fall-29 { 31.731% { transform: translate(69.168vw, 31.731vh) scale(0.6719); }
  to { transform: translate(74.1082vw, 100vh) scale(0.6719); } }
.snow:nth-child(30) { opacity: 0.4118; transform: translate(89.8219vw, -10px) scale(0.0073); animation: fall-30 12s -5s linear infinite; }
@keyframes fall-30 { 34.517% { transform: translate(89.4175vw, 34.517vh) scale(0.0073); }
  to { transform: translate(89.6197vw, 100vh) scale(0.0073); } }
.snow:nth-child(31) { opacity: 0.0212; transform: translate(5.9279vw, -10px) scale(0.3873); animation: fall-31 25s -23s linear infinite; }
@keyframes fall-31 { 37.67% { transform: translate(5.1981vw, 37.67vh) scale(0.3873); }
  to { transform: translate(5.563vw, 100vh) scale(0.3873); } }
.snow:nth-child(32) { opacity: 0.5154; transform: translate(94.4525vw, -10px) scale(0.5538); animation: fall-32 13s -25s linear infinite; }
@keyframes fall-32 { 74.57% { transform: translate(100.2049vw, 74.57vh) scale(0.5538); }
  to { transform: translate(97.3287vw, 100vh) scale(0.5538); } }
.snow:nth-child(33) { opacity: 0.6222; transform: translate(91.3159vw, -10px) scale(0.8289); animation: fall-33 17s -19s linear infinite; }
@keyframes fall-33 { 41.777% { transform: translate(100.1139vw, 41.777vh) scale(0.8289); }
  to { transform: translate(95.7149vw, 100vh) scale(0.8289); } }
.snow:nth-child(34) { opacity: 0.13; transform: translate(60.0234vw, -10px) scale(0.4303); animation: fall-34 21s -23s linear infinite; }
@keyframes fall-34 { 44.713% { transform: translate(56.4633vw, 44.713vh) scale(0.4303); }
  to { transform: translate(58.24335vw, 100vh) scale(0.4303); } }
.snow:nth-child(35) { opacity: 0.3476; transform: translate(72.5219vw, -10px) scale(0.781); animation: fall-35 14s -16s linear infinite; }
@keyframes fall-35 { 46.214% { transform: translate(62.5996vw, 46.214vh) scale(0.781); }
  to { transform: translate(67.56075vw, 100vh) scale(0.781); } }
.snow:nth-child(36) { opacity: 0.1497; transform: translate(23.5493vw, -10px) scale(0.767); animation: fall-36 23s -18s linear infinite; }
@keyframes fall-36 { 62.972% { transform: translate(25.6499vw, 62.972vh) scale(0.767); }
  to { transform: translate(24.5996vw, 100vh) scale(0.767); } }
.snow:nth-child(37) { opacity: 0.6415; transform: translate(78.765vw, -10px) scale(0.5901); animation: fall-37 14s -10s linear infinite; }
@keyframes fall-37 { 74.873% { transform: translate(87.6906vw, 74.873vh) scale(0.5901); }
  to { transform: translate(83.2278vw, 100vh) scale(0.5901); } }
.snow:nth-child(38) { opacity: 0.465; transform: translate(14.8822vw, -10px) scale(0.5912); animation: fall-38 24s -29s linear infinite; }
@keyframes fall-38 { 61.602% { transform: translate(14.2214vw, 61.602vh) scale(0.5912); }
  to { transform: translate(14.5518vw, 100vh) scale(0.5912); } }
.snow:nth-child(39) { opacity: 0.7599; transform: translate(32.1073vw, -10px) scale(0.0702); animation: fall-39 20s -19s linear infinite; }
@keyframes fall-39 { 69.334% { transform: translate(30.4525vw, 69.334vh) scale(0.0702); }
  to { transform: translate(31.2799vw, 100vh) scale(0.0702); } }
.snow:nth-child(40) { opacity: 0.6147; transform: translate(18.128vw, -10px) scale(0.6773); animation: fall-40 23s -12s linear infinite; }
@keyframes fall-40 { 47.379% { transform: translate(12.5668vw, 47.379vh) scale(0.6773); }
  to { transform: translate(15.3474vw, 100vh) scale(0.6773); } }
.snow:nth-child(41) { opacity: 0.979; transform: translate(41.1306vw, -10px) scale(0.8765); animation: fall-41 16s -10s linear infinite; }
@keyframes fall-41 { 66.925% { transform: translate(49.494vw, 66.925vh) scale(0.8765); }
  to { transform: translate(45.3123vw, 100vh) scale(0.8765); } }
.snow:nth-child(42) { opacity: 0.5059; transform: translate(93.1766vw, -10px) scale(0.3432); animation: fall-42 26s -23s linear infinite; }
@keyframes fall-42 { 39.791% { transform: translate(102.2235vw, 39.791vh) scale(0.3432); }
  to { transform: translate(97.70005vw, 100vh) scale(0.3432); } }
.snow:nth-child(43) { opacity: 0.0018; transform: translate(58.4373vw, -10px) scale(0.2429); animation: fall-43 13s -10s linear infinite; }
@keyframes fall-43 { 57.013% { transform: translate(59.6112vw, 57.013vh) scale(0.2429); }
  to { transform: translate(59.02425vw, 100vh) scale(0.2429); } }
.snow:nth-child(44) { opacity: 0.353; transform: translate(63.1716vw, -10px) scale(0.1098); animation: fall-44 21s -4s linear infinite; }
@keyframes fall-44 { 45.493% { transform: translate(63.3446vw, 45.493vh) scale(0.1098); }
  to { transform: translate(63.2581vw, 100vh) scale(0.1098); } }
.snow:nth-child(45) { opacity: 0.2544; transform: translate(41.6043vw, -10px) scale(0.6853); animation: fall-45 14s -30s linear infinite; }
@keyframes fall-45 { 52.737% { transform: translate(36.1065vw, 52.737vh) scale(0.6853); }
  to { transform: translate(38.8554vw, 100vh) scale(0.6853); } }
.snow:nth-child(46) { opacity: 0.1314; transform: translate(46.9816vw, -10px) scale(0.8912); animation: fall-46 13s -9s linear infinite; }
@keyframes fall-46 { 56.327% { transform: translate(41.5844vw, 56.327vh) scale(0.8912); }
  to { transform: translate(44.283vw, 100vh) scale(0.8912); } }
.snow:nth-child(47) { opacity: 0.3575; transform: translate(96.6538vw, -10px) scale(0.3276); animation: fall-47 24s -6s linear infinite; }
@keyframes fall-47 { 74.862% { transform: translate(105.6563vw, 74.862vh) scale(0.3276); }
  to { transform: translate(101.15505vw, 100vh) scale(0.3276); } }
.snow:nth-child(48) { opacity: 0.0296; transform: translate(13.9563vw, -10px) scale(0.5845); animation: fall-48 10s -6s linear infinite; }
@keyframes fall-48 { 32.43% { transform: translate(9.137vw, 32.43vh) scale(0.5845); }
  to { transform: translate(11.54665vw, 100vh) scale(0.5845); } }
.snow:nth-child(49) { opacity: 0.0695; transform: translate(9.9717vw, -10px) scale(0.7475); animation: fall-49 19s -6s linear infinite; }
@keyframes fall-49 { 79.64% { transform: translate(7.6459vw, 79.64vh) scale(0.7475); }
  to { transform: translate(8.8088vw, 100vh) scale(0.7475); } }
.snow:nth-child(50) { opacity: 0.2885; transform: translate(40.1038vw, -10px) scale(0.1078); animation: fall-50 27s -12s linear infinite; }
@keyframes fall-50 { 69.644% { transform: translate(42.66vw, 69.644vh) scale(0.1078); }
  to { transform: translate(41.3819vw, 100vh) scale(0.1078); } }
.snow:nth-child(51) { opacity: 0.1552; transform: translate(56.7407vw, -10px) scale(0.4286); animation: fall-51 30s -15s linear infinite; }
@keyframes fall-51 { 54.119% { transform: translate(63.4971vw, 54.119vh) scale(0.4286); }
  to { transform: translate(60.1189vw, 100vh) scale(0.4286); } }
.snow:nth-child(52) { opacity: 0.3179; transform: translate(2.8966vw, -10px) scale(0.3904); animation: fall-52 23s -17s linear infinite; }
@keyframes fall-52 { 64.708% { transform: translate(8.0724vw, 64.708vh) scale(0.3904); }
  to { transform: translate(5.4845vw, 100vh) scale(0.3904); } }
.snow:nth-child(53) { opacity: 0.1568; transform: translate(10.4244vw, -10px) scale(0.2407); animation: fall-53 29s -4s linear infinite; }
@keyframes fall-53 { 36.682% { transform: translate(2.1307vw, 36.682vh) scale(0.2407); }
  to { transform: translate(6.27755vw, 100vh) scale(0.2407); } }
.snow:nth-child(54) { opacity: 0.1119; transform: translate(42.0457vw, -10px) scale(0.4116); animation: fall-54 19s -12s linear infinite; }
@keyframes fall-54 { 64.116% { transform: translate(48.5439vw, 64.116vh) scale(0.4116); }
  to { transform: translate(45.2948vw, 100vh) scale(0.4116); } }
.snow:nth-child(55) { opacity: 0.0122; transform: translate(8.2098vw, -10px) scale(0.5332); animation: fall-55 23s -7s linear infinite; }
@keyframes fall-55 { 53.531% { transform: translate(15.3742vw, 53.531vh) scale(0.5332); }
  to { transform: translate(11.792vw, 100vh) scale(0.5332); } }
.snow:nth-child(56) { opacity: 0.5673; transform: translate(61.8291vw, -10px) scale(0.3207); animation: fall-56 25s -18s linear infinite; }
@keyframes fall-56 { 67.388% { transform: translate(70.5441vw, 67.388vh) scale(0.3207); }
  to { transform: translate(66.1866vw, 100vh) scale(0.3207); } }
.snow:nth-child(57) { opacity: 0.1556; transform: translate(82.5899vw, -10px) scale(0.5148); animation: fall-57 13s -29s linear infinite; }
@keyframes fall-57 { 36.851% { transform: translate(86.1813vw, 36.851vh) scale(0.5148); }
  to { transform: translate(84.3856vw, 100vh) scale(0.5148); } }
.snow:nth-child(58) { opacity: 0.4105; transform: translate(91.6944vw, -10px) scale(0.7258); animation: fall-58 19s -15s linear infinite; }
@keyframes fall-58 { 63.676% { transform: translate(84.3515vw, 63.676vh) scale(0.7258); }
  to { transform: translate(88.02295vw, 100vh) scale(0.7258); } }
.snow:nth-child(59) { opacity: 0.2017; transform: translate(46.6747vw, -10px) scale(0.5592); animation: fall-59 21s -21s linear infinite; }
@keyframes fall-59 { 79.589% { transform: translate(48.8303vw, 79.589vh) scale(0.5592); }
  to { transform: translate(47.7525vw, 100vh) scale(0.5592); } }
.snow:nth-child(60) { opacity: 0.5235; transform: translate(50.7061vw, -10px) scale(0.4182); animation: fall-60 28s -5s linear infinite; }
@keyframes fall-60 { 34.236% { transform: translate(48.6351vw, 34.236vh) scale(0.4182); }
  to { transform: translate(49.6706vw, 100vh) scale(0.4182); } }
.snow:nth-child(61) { opacity: 0.5388; transform: translate(36.7969vw, -10px) scale(0.6706); animation: fall-61 12s -13s linear infinite; }
@keyframes fall-61 { 39.102% { transform: translate(30.6612vw, 39.102vh) scale(0.6706); }
  to { transform: translate(33.72905vw, 100vh) scale(0.6706); } }
.snow:nth-child(62) { opacity: 0.1574; transform: translate(48.3344vw, -10px) scale(0.0466); animation: fall-62 17s -1s linear infinite; }
@keyframes fall-62 { 69.06% { transform: translate(44.736vw, 69.06vh) scale(0.0466); }
  to { transform: translate(46.5352vw, 100vh) scale(0.0466); } }
.snow:nth-child(63) { opacity: 0.7371; transform: translate(85.6482vw, -10px) scale(0.7044); animation: fall-63 14s -21s linear infinite; }
@keyframes fall-63 { 59.242% { transform: translate(82.1967vw, 59.242vh) scale(0.7044); }
  to { transform: translate(83.92245vw, 100vh) scale(0.7044); } }
.snow:nth-child(64) { opacity: 0.5408; transform: translate(81.6858vw, -10px) scale(0.6302); animation: fall-64 13s -29s linear infinite; }
@keyframes fall-64 { 60.693% { transform: translate(83.861vw, 60.693vh) scale(0.6302); }
  to { transform: translate(82.7734vw, 100vh) scale(0.6302); } }
.snow:nth-child(65) { opacity: 0.125; transform: translate(41.167vw, -10px) scale(0.796); animation: fall-65 30s -9s linear infinite; }
@keyframes fall-65 { 30.565% { transform: translate(31.4262vw, 30.565vh) scale(0.796); }
  to { transform: translate(36.2966vw, 100vh) scale(0.796); } }
.snow:nth-child(66) { opacity: 0.8979; transform: translate(60.6575vw, -10px) scale(0.3351); animation: fall-66 17s -1s linear infinite; }
@keyframes fall-66 { 33.434% { transform: translate(53.457vw, 33.434vh) scale(0.3351); }
  to { transform: translate(57.05725vw, 100vh) scale(0.3351); } }
.snow:nth-child(67) { opacity: 0.8567; transform: translate(23.7691vw, -10px) scale(0.2286); animation: fall-67 13s -11s linear infinite; }
@keyframes fall-67 { 45.383% { transform: translate(18.9194vw, 45.383vh) scale(0.2286); }
  to { transform: translate(21.34425vw, 100vh) scale(0.2286); } }
.snow:nth-child(68) { opacity: 0.6999; transform: translate(58.941vw, -10px) scale(0.1159); animation: fall-68 13s -29s linear infinite; }
@keyframes fall-68 { 66.32% { transform: translate(57.0893vw, 66.32vh) scale(0.1159); }
  to { transform: translate(58.01515vw, 100vh) scale(0.1159); } }
.snow:nth-child(69) { opacity: 0.3511; transform: translate(84.817vw, -10px) scale(0.494); animation: fall-69 19s -17s linear infinite; }
@keyframes fall-69 { 78.868% { transform: translate(86.4509vw, 78.868vh) scale(0.494); }
  to { transform: translate(85.63395vw, 100vh) scale(0.494); } }
.snow:nth-child(70) { opacity: 0.9815; transform: translate(1.6914vw, -10px) scale(0.4884); animation: fall-70 25s -20s linear infinite; }
@keyframes fall-70 { 60.698% { transform: translate(9.5632vw, 60.698vh) scale(0.4884); }
  to { transform: translate(5.6273vw, 100vh) scale(0.4884); } }
.snow:nth-child(71) { opacity: 0.5982; transform: translate(82.5381vw, -10px) scale(0.6714); animation: fall-71 26s -12s linear infinite; }
@keyframes fall-71 { 38.371% { transform: translate(81.9333vw, 38.371vh) scale(0.6714); }
  to { transform: translate(82.2357vw, 100vh) scale(0.6714); } }
.snow:nth-child(72) { opacity: 0.3634; transform: translate(58.7459vw, -10px) scale(0.1521); animation: fall-72 17s -27s linear infinite; }
@keyframes fall-72 { 51.963% { transform: translate(50.5659vw, 51.963vh) scale(0.1521); }
  to { transform: translate(54.6559vw, 100vh) scale(0.1521); } }
.snow:nth-child(73) { opacity: 0.7091; transform: translate(4.4172vw, -10px) scale(0.4543); animation: fall-73 14s -26s linear infinite; }
@keyframes fall-73 { 59.549% { transform: translate(-3.2648vw, 59.549vh) scale(0.4543); }
  to { transform: translate(0.5762vw, 100vh) scale(0.4543); } }
.snow:nth-child(74) { opacity: 0.7733; transform: translate(47.7796vw, -10px) scale(0.2309); animation: fall-74 17s -27s linear infinite; }
@keyframes fall-74 { 40.396% { transform: translate(55.6182vw, 40.396vh) scale(0.2309); }
  to { transform: translate(51.6989vw, 100vh) scale(0.2309); } }
.snow:nth-child(75) { opacity: 0.1932; transform: translate(32.9195vw, -10px) scale(0.6385); animation: fall-75 10s -23s linear infinite; }
@keyframes fall-75 { 63.326% { transform: translate(24.031vw, 63.326vh) scale(0.6385); }
  to { transform: translate(28.47525vw, 100vh) scale(0.6385); } }
.snow:nth-child(76) { opacity: 0.352; transform: translate(55.8742vw, -10px) scale(0.1367); animation: fall-76 18s -16s linear infinite; }
@keyframes fall-76 { 34.174% { transform: translate(51.3414vw, 34.174vh) scale(0.1367); }
  to { transform: translate(53.6078vw, 100vh) scale(0.1367); } }
.snow:nth-child(77) { opacity: 0.1197; transform: translate(89.3173vw, -10px) scale(0.1154); animation: fall-77 28s -2s linear infinite; }
@keyframes fall-77 { 50.787% { transform: translate(86.3148vw, 50.787vh) scale(0.1154); }
  to { transform: translate(87.81605vw, 100vh) scale(0.1154); } }
.snow:nth-child(78) { opacity: 0.1535; transform: translate(59.2543vw, -10px) scale(0.2665); animation: fall-78 15s -7s linear infinite; }
@keyframes fall-78 { 30.679% { transform: translate(52.597vw, 30.679vh) scale(0.2665); }
  to { transform: translate(55.92565vw, 100vh) scale(0.2665); } }
.snow:nth-child(79) { opacity: 0.0813; transform: translate(88.7384vw, -10px) scale(0.9437); animation: fall-79 14s -1s linear infinite; }
@keyframes fall-79 { 32.767% { transform: translate(92.357vw, 32.767vh) scale(0.9437); }
  to { transform: translate(90.5477vw, 100vh) scale(0.9437); } }
.snow:nth-child(80) { opacity: 0.2031; transform: translate(83.7183vw, -10px) scale(0.1613); animation: fall-80 12s -21s linear infinite; }
@keyframes fall-80 { 32.393% { transform: translate(76.8326vw, 32.393vh) scale(0.1613); }
  to { transform: translate(80.27545vw, 100vh) scale(0.1613); } }
.snow:nth-child(81) { opacity: 0.2749; transform: translate(74.0802vw, -10px) scale(0.9969); animation: fall-81 22s -23s linear infinite; }
@keyframes fall-81 { 69.638% { transform: translate(83.7311vw, 69.638vh) scale(0.9969); }
  to { transform: translate(78.90565vw, 100vh) scale(0.9969); } }
.snow:nth-child(82) { opacity: 0.9145; transform: translate(57.8579vw, -10px) scale(0.1645); animation: fall-82 29s -15s linear infinite; }
@keyframes fall-82 { 57.568% { transform: translate(60.0943vw, 57.568vh) scale(0.1645); }
  to { transform: translate(58.9761vw, 100vh) scale(0.1645); } }
.snow:nth-child(83) { opacity: 0.2838; transform: translate(44.6537vw, -10px) scale(0.0657); animation: fall-83 19s -19s linear infinite; }
@keyframes fall-83 { 56.61% { transform: translate(38.6367vw, 56.61vh) scale(0.0657); }
  to { transform: translate(41.6452vw, 100vh) scale(0.0657); } }
.snow:nth-child(84) { opacity: 0.2546; transform: translate(93.1029vw, -10px) scale(0.1865); animation: fall-84 19s -15s linear infinite; }
@keyframes fall-84 { 43.762% { transform: translate(86.801vw, 43.762vh) scale(0.1865); }
  to { transform: translate(89.95195vw, 100vh) scale(0.1865); } }
.snow:nth-child(85) { opacity: 0.0984; transform: translate(70.7282vw, -10px) scale(0.6272); animation: fall-85 13s -14s linear infinite; }
@keyframes fall-85 { 62.559% { transform: translate(63.1087vw, 62.559vh) scale(0.6272); }
  to { transform: translate(66.91845vw, 100vh) scale(0.6272); } }
.snow:nth-child(86) { opacity: 0.7167; transform: translate(35.8507vw, -10px) scale(0.7867); animation: fall-86 15s -9s linear infinite; }
@keyframes fall-86 { 52.778% { transform: translate(27.2804vw, 52.778vh) scale(0.7867); }
  to { transform: translate(31.56555vw, 100vh) scale(0.7867); } }
.snow:nth-child(87) { opacity: 0.9843; transform: translate(47.0512vw, -10px) scale(0.8183); animation: fall-87 10s -2s linear infinite; }
@keyframes fall-87 { 65.068% { transform: translate(42.9607vw, 65.068vh) scale(0.8183); }
  to { transform: translate(45.00595vw, 100vh) scale(0.8183); } }
.snow:nth-child(88) { opacity: 0.3422; transform: translate(0.4507vw, -10px) scale(0.5726); animation: fall-88 10s -9s linear infinite; }
@keyframes fall-88 { 40.269% { transform: translate(4.0292vw, 40.269vh) scale(0.5726); }
  to { transform: translate(2.23995vw, 100vh) scale(0.5726); } }
.snow:nth-child(89) { opacity: 0.3576; transform: translate(43.7364vw, -10px) scale(0.3301); animation: fall-89 30s -10s linear infinite; }
@keyframes fall-89 { 39.866% { transform: translate(48.419vw, 39.866vh) scale(0.3301); }
  to { transform: translate(46.0777vw, 100vh) scale(0.3301); } }
.snow:nth-child(90) { opacity: 0.3413; transform: translate(62.318vw, -10px) scale(0.8805); animation: fall-90 25s -28s linear infinite; }
@keyframes fall-90 { 70.459% { transform: translate(56.6672vw, 70.459vh) scale(0.8805); }
  to { transform: translate(59.4926vw, 100vh) scale(0.8805); } }
.snow:nth-child(91) { opacity: 0.3354; transform: translate(97.7842vw, -10px) scale(0.2936); animation: fall-91 27s -26s linear infinite; }
@keyframes fall-91 { 62.323% { transform: translate(103.7897vw, 62.323vh) scale(0.2936); }
  to { transform: translate(100.78695vw, 100vh) scale(0.2936); } }
.snow:nth-child(92) { opacity: 0.6118; transform: translate(70.593vw, -10px) scale(0.9987); animation: fall-92 18s -4s linear infinite; }
@keyframes fall-92 { 46.745% { transform: translate(63.2462vw, 46.745vh) scale(0.9987); }
  to { transform: translate(66.9196vw, 100vh) scale(0.9987); } }
.snow:nth-child(93) { opacity: 0.7025; transform: translate(10.8012vw, -10px) scale(0.8097); animation: fall-93 11s -1s linear infinite; }
@keyframes fall-93 { 70.022% { transform: translate(8.2022vw, 70.022vh) scale(0.8097); }
  to { transform: translate(9.5017vw, 100vh) scale(0.8097); } }
.snow:nth-child(94) { opacity: 0.8774; transform: translate(18.9879vw, -10px) scale(0.0709); animation: fall-94 24s -28s linear infinite; }
@keyframes fall-94 { 53.85% { transform: translate(23.2909vw, 53.85vh) scale(0.0709); }
  to { transform: translate(21.1394vw, 100vh) scale(0.0709); } }
.snow:nth-child(95) { opacity: 0.5564; transform: translate(58.1021vw, -10px) scale(0.3995); animation: fall-95 28s -10s linear infinite; }
@keyframes fall-95 { 60.212% { transform: translate(48.8881vw, 60.212vh) scale(0.3995); }
  to { transform: translate(53.4951vw, 100vh) scale(0.3995); } }
.snow:nth-child(96) { opacity: 0.9953; transform: translate(43.1285vw, -10px) scale(0.3296); animation: fall-96 13s -9s linear infinite; }
@keyframes fall-96 { 53.191% { transform: translate(44.374vw, 53.191vh) scale(0.3296); }
  to { transform: translate(43.75125vw, 100vh) scale(0.3296); } }
.snow:nth-child(97) { opacity: 0.5322; transform: translate(87.0001vw, -10px) scale(0.722); animation: fall-97 10s -4s linear infinite; }
@keyframes fall-97 { 37.759% { transform: translate(93.8833vw, 37.759vh) scale(0.722); }
  to { transform: translate(90.4417vw, 100vh) scale(0.722); } }
.snow:nth-child(98) { opacity: 0.3099; transform: translate(69.5137vw, -10px) scale(0.2191); animation: fall-98 30s -24s linear infinite; }
@keyframes fall-98 { 71.052% { transform: translate(70.4589vw, 71.052vh) scale(0.2191); }
  to { transform: translate(69.9863vw, 100vh) scale(0.2191); } }
.snow:nth-child(99) { opacity: 0.758; transform: translate(41.4045vw, -10px) scale(0.0786); animation: fall-99 26s -15s linear infinite; }
@keyframes fall-99 { 60.27% { transform: translate(35.9381vw, 60.27vh) scale(0.0786); }
  to { transform: translate(38.6713vw, 100vh) scale(0.0786); } }
.snow:nth-child(100) { opacity: 0.4687; transform: translate(65.2751vw, -10px) scale(0.1052); animation: fall-100 16s -4s linear infinite; }
@keyframes fall-100 { 32.421% { transform: translate(56.4254vw, 32.421vh) scale(0.1052); }
  to { transform: translate(60.85025vw, 100vh) scale(0.1052); } }
.snow:nth-child(101) { opacity: 0.0103; transform: translate(18.7525vw, -10px) scale(0.57); animation: fall-101 15s -29s linear infinite; }
@keyframes fall-101 { 45.094% { transform: translate(12.3894vw, 45.094vh) scale(0.57); }
  to { transform: translate(15.57095vw, 100vh) scale(0.57); } }
.snow:nth-child(102) { opacity: 0.8925; transform: translate(63.5556vw, -10px) scale(0.6902); animation: fall-102 22s -2s linear infinite; }
@keyframes fall-102 { 75.649% { transform: translate(54.5266vw, 75.649vh) scale(0.6902); }
  to { transform: translate(59.0411vw, 100vh) scale(0.6902); } }
.snow:nth-child(103) { opacity: 0.6721; transform: translate(43.6155vw, -10px) scale(0.6206); animation: fall-103 14s -5s linear infinite; }
@keyframes fall-103 { 46.895% { transform: translate(41.0127vw, 46.895vh) scale(0.6206); }
  to { transform: translate(42.3141vw, 100vh) scale(0.6206); } }
.snow:nth-child(104) { opacity: 0.4611; transform: translate(89.2106vw, -10px) scale(0.4486); animation: fall-104 28s -30s linear infinite; }
@keyframes fall-104 { 51.637% { transform: translate(98.0692vw, 51.637vh) scale(0.4486); }
  to { transform: translate(93.6399vw, 100vh) scale(0.4486); } }
.snow:nth-child(105) { opacity: 0.0202; transform: translate(91.5977vw, -10px) scale(0.3206); animation: fall-105 14s -29s linear infinite; }
@keyframes fall-105 { 70.637% { transform: translate(97.3221vw, 70.637vh) scale(0.3206); }
  to { transform: translate(94.4599vw, 100vh) scale(0.3206); } }
.snow:nth-child(106) { opacity: 0.1928; transform: translate(15.8513vw, -10px) scale(0.1727); animation: fall-106 27s -17s linear infinite; }
@keyframes fall-106 { 63.415% { transform: translate(23.3755vw, 63.415vh) scale(0.1727); }
  to { transform: translate(19.6134vw, 100vh) scale(0.1727); } }
.snow:nth-child(107) { opacity: 0.5015; transform: translate(58.0009vw, -10px) scale(0.8999); animation: fall-107 11s -28s linear infinite; }
@keyframes fall-107 { 34.395% { transform: translate(56.161vw, 34.395vh) scale(0.8999); }
  to { transform: translate(57.08095vw, 100vh) scale(0.8999); } }
.snow:nth-child(108) { opacity: 0.1611; transform: translate(75.2531vw, -10px) scale(0.0777); animation: fall-108 14s -27s linear infinite; }
@keyframes fall-108 { 69.185% { transform: translate(81.8215vw, 69.185vh) scale(0.0777); }
  to { transform: translate(78.5373vw, 100vh) scale(0.0777); } }
.snow:nth-child(109) { opacity: 0.2758; transform: translate(41.2106vw, -10px) scale(0.99); animation: fall-109 12s -23s linear infinite; }
@keyframes fall-109 { 53.2% { transform: translate(32.1614vw, 53.2vh) scale(0.99); }
  to { transform: translate(36.686vw, 100vh) scale(0.99); } }
.snow:nth-child(110) { opacity: 0.2486; transform: translate(70.9636vw, -10px) scale(0.8419); animation: fall-110 21s -21s linear infinite; }
@keyframes fall-110 { 56.621% { transform: translate(67.2704vw, 56.621vh) scale(0.8419); }
  to { transform: translate(69.117vw, 100vh) scale(0.8419); } }
.snow:nth-child(111) { opacity: 0.1458; transform: translate(40.363vw, -10px) scale(0.9718); animation: fall-111 22s -29s linear infinite; }
@keyframes fall-111 { 39.623% { transform: translate(48.118vw, 39.623vh) scale(0.9718); }
  to { transform: translate(44.2405vw, 100vh) scale(0.9718); } }
.snow:nth-child(112) { opacity: 0.694; transform: translate(82.5032vw, -10px) scale(0.9128); animation: fall-112 20s -14s linear infinite; }
@keyframes fall-112 { 45.075% { transform: translate(90.2294vw, 45.075vh) scale(0.9128); }
  to { transform: translate(86.3663vw, 100vh) scale(0.9128); } }
.snow:nth-child(113) { opacity: 0.4834; transform: translate(61.3457vw, -10px) scale(0.0018); animation: fall-113 18s -20s linear infinite; }
@keyframes fall-113 { 32.607% { transform: translate(53.0506vw, 32.607vh) scale(0.0018); }
  to { transform: translate(57.19815vw, 100vh) scale(0.0018); } }
.snow:nth-child(114) { opacity: 0.3241; transform: translate(22.9512vw, -10px) scale(0.1034); animation: fall-114 27s -6s linear infinite; }
@keyframes fall-114 { 56.26% { transform: translate(32.427vw, 56.26vh) scale(0.1034); }
  to { transform: translate(27.6891vw, 100vh) scale(0.1034); } }
.snow:nth-child(115) { opacity: 0.6751; transform: translate(21.1444vw, -10px) scale(0.4149); animation: fall-115 16s -19s linear infinite; }
@keyframes fall-115 { 49.162% { transform: translate(11.4799vw, 49.162vh) scale(0.4149); }
  to { transform: translate(16.31215vw, 100vh) scale(0.4149); } }
.snow:nth-child(116) { opacity: 0.3641; transform: translate(40.5829vw, -10px) scale(0.8589); animation: fall-116 23s -13s linear infinite; }
@keyframes fall-116 { 69.717% { transform: translate(48.5588vw, 69.717vh) scale(0.8589); }
  to { transform: translate(44.57085vw, 100vh) scale(0.8589); } }
.snow:nth-child(117) { opacity: 0.6046; transform: translate(10.611vw, -10px) scale(0.1887); animation: fall-117 23s -9s linear infinite; }
@keyframes fall-117 { 64.142% { transform: translate(11.7773vw, 64.142vh) scale(0.1887); }
  to { transform: translate(11.19415vw, 100vh) scale(0.1887); } }
.snow:nth-child(118) { opacity: 0.4556; transform: translate(62.3454vw, -10px) scale(0.2924); animation: fall-118 26s -9s linear infinite; }
@keyframes fall-118 { 43.342% { transform: translate(57.5585vw, 43.342vh) scale(0.2924); }
  to { transform: translate(59.95195vw, 100vh) scale(0.2924); } }
.snow:nth-child(119) { opacity: 0.2662; transform: translate(79.3941vw, -10px) scale(0.3249); animation: fall-119 16s -16s linear infinite; }
@keyframes fall-119 { 58.271% { transform: translate(74.4623vw, 58.271vh) scale(0.3249); }
  to { transform: translate(76.9282vw, 100vh) scale(0.3249); } }
.snow:nth-child(120) { opacity: 0.4636; transform: translate(93.2403vw, -10px) scale(0.8712); animation: fall-120 22s -24s linear infinite; }
@keyframes fall-120 { 60.368% { transform: translate(97.4524vw, 60.368vh) scale(0.8712); }
  to { transform: translate(95.34635vw, 100vh) scale(0.8712); } }
.snow:nth-child(121) { opacity: 0.8085; transform: translate(52.023vw, -10px) scale(0.7114); animation: fall-121 12s -17s linear infinite; }
@keyframes fall-121 { 75.259% { transform: translate(54.6525vw, 75.259vh) scale(0.7114); }
  to { transform: translate(53.33775vw, 100vh) scale(0.7114); } }
.snow:nth-child(122) { opacity: 0.8926; transform: translate(4.3016vw, -10px) scale(0.9161); animation: fall-122 17s -5s linear infinite; }
@keyframes fall-122 { 78.474% { transform: translate(7.0433vw, 78.474vh) scale(0.9161); }
  to { transform: translate(5.67245vw, 100vh) scale(0.9161); } }
.snow:nth-child(123) { opacity: 0.9278; transform: translate(99.3169vw, -10px) scale(0.9706); animation: fall-123 27s -17s linear infinite; }
@keyframes fall-123 { 53.515% { transform: translate(103.0074vw, 53.515vh) scale(0.9706); }
  to { transform: translate(101.16215vw, 100vh) scale(0.9706); } }
.snow:nth-child(124) { opacity: 0.4834; transform: translate(27.6704vw, -10px) scale(0.3328); animation: fall-124 28s -15s linear infinite; }
@keyframes fall-124 { 52.759% { transform: translate(27.8017vw, 52.759vh) scale(0.3328); }
  to { transform: translate(27.73605vw, 100vh) scale(0.3328); } }
.snow:nth-child(125) { opacity: 0.836; transform: translate(50.5315vw, -10px) scale(0.7987); animation: fall-125 15s -3s linear infinite; }
@keyframes fall-125 { 59.273% { transform: translate(56.0585vw, 59.273vh) scale(0.7987); }
  to { transform: translate(53.295vw, 100vh) scale(0.7987); } }
.snow:nth-child(126) { opacity: 0.5057; transform: translate(8.0123vw, -10px) scale(0.414); animation: fall-126 12s -3s linear infinite; }
@keyframes fall-126 { 54.56% { transform: translate(2.8771vw, 54.56vh) scale(0.414); }
  to { transform: translate(5.4447vw, 100vh) scale(0.414); } }
.snow:nth-child(127) { opacity: 0.934; transform: translate(38.0862vw, -10px) scale(0.5608); animation: fall-127 30s -30s linear infinite; }
@keyframes fall-127 { 41.448% { transform: translate(38.3207vw, 41.448vh) scale(0.5608); }
  to { transform: translate(38.20345vw, 100vh) scale(0.5608); } }
.snow:nth-child(128) { opacity: 0.1324; transform: translate(20.204vw, -10px) scale(0.2775); animation: fall-128 15s -30s linear infinite; }
@keyframes fall-128 { 61.167% { transform: translate(26.5386vw, 61.167vh) scale(0.2775); }
  to { transform: translate(23.3713vw, 100vh) scale(0.2775); } }
.snow:nth-child(129) { opacity: 0.8408; transform: translate(37.7499vw, -10px) scale(0.3214); animation: fall-129 27s -13s linear infinite; }
@keyframes fall-129 { 69.41% { transform: translate(47.1016vw, 69.41vh) scale(0.3214); }
  to { transform: translate(42.42575vw, 100vh) scale(0.3214); } }
.snow:nth-child(130) { opacity: 0.2635; transform: translate(0.9127vw, -10px) scale(0.717); animation: fall-130 15s -1s linear infinite; }
@keyframes fall-130 { 32.336% { transform: translate(3.3018vw, 32.336vh) scale(0.717); }
  to { transform: translate(2.10725vw, 100vh) scale(0.717); } }
.snow:nth-child(131) { opacity: 0.8303; transform: translate(42.4663vw, -10px) scale(0.4321); animation: fall-131 29s -25s linear infinite; }
@keyframes fall-131 { 45.78% { transform: translate(38.9331vw, 45.78vh) scale(0.4321); }
  to { transform: translate(40.6997vw, 100vh) scale(0.4321); } }
.snow:nth-child(132) { opacity: 0.6024; transform: translate(25.3855vw, -10px) scale(0.6521); animation: fall-132 12s -7s linear infinite; }
@keyframes fall-132 { 67.973% { transform: translate(22.4969vw, 67.973vh) scale(0.6521); }
  to { transform: translate(23.9412vw, 100vh) scale(0.6521); } }
.snow:nth-child(133) { opacity: 0.1821; transform: translate(37.5973vw, -10px) scale(0.688); animation: fall-133 11s -19s linear infinite; }
@keyframes fall-133 { 30.935% { transform: translate(37.9084vw, 30.935vh) scale(0.688); }
  to { transform: translate(37.75285vw, 100vh) scale(0.688); } }
.snow:nth-child(134) { opacity: 0.218; transform: translate(48.9308vw, -10px) scale(0.0149); animation: fall-134 13s -12s linear infinite; }
@keyframes fall-134 { 33.891% { transform: translate(55.2244vw, 33.891vh) scale(0.0149); }
  to { transform: translate(52.0776vw, 100vh) scale(0.0149); } }
.snow:nth-child(135) { opacity: 0.9161; transform: translate(35.759vw, -10px) scale(0.5436); animation: fall-135 15s -19s linear infinite; }
@keyframes fall-135 { 79.419% { transform: translate(39.2962vw, 79.419vh) scale(0.5436); }
  to { transform: translate(37.5276vw, 100vh) scale(0.5436); } }
.snow:nth-child(136) { opacity: 0.2691; transform: translate(76.0806vw, -10px) scale(0.4758); animation: fall-136 16s -17s linear infinite; }
@keyframes fall-136 { 74.951% { transform: translate(69.8075vw, 74.951vh) scale(0.4758); }
  to { transform: translate(72.94405vw, 100vh) scale(0.4758); } }
.snow:nth-child(137) { opacity: 0.7389; transform: translate(93.2687vw, -10px) scale(0.949); animation: fall-137 28s -17s linear infinite; }
@keyframes fall-137 { 37.884% { transform: translate(92.2556vw, 37.884vh) scale(0.949); }
  to { transform: translate(92.76215vw, 100vh) scale(0.949); } }
.snow:nth-child(138) { opacity: 0.4858; transform: translate(39.2126vw, -10px) scale(0.3655); animation: fall-138 21s -29s linear infinite; }
@keyframes fall-138 { 55.147% { transform: translate(40.3949vw, 55.147vh) scale(0.3655); }
  to { transform: translate(39.80375vw, 100vh) scale(0.3655); } }
.snow:nth-child(139) { opacity: 0.2711; transform: translate(5.8255vw, -10px) scale(0.9619); animation: fall-139 25s -21s linear infinite; }
@keyframes fall-139 { 76.351% { transform: translate(-2.4865vw, 76.351vh) scale(0.9619); }
  to { transform: translate(1.6695vw, 100vh) scale(0.9619); } }
.snow:nth-child(140) { opacity: 0.1597; transform: translate(6.9534vw, -10px) scale(0.1999); animation: fall-140 24s -10s linear infinite; }
@keyframes fall-140 { 74.582% { transform: translate(14.9798vw, 74.582vh) scale(0.1999); }
  to { transform: translate(10.9666vw, 100vh) scale(0.1999); } }
.snow:nth-child(141) { opacity: 0.8603; transform: translate(37.4431vw, -10px) scale(0.3881); animation: fall-141 12s -19s linear infinite; }
@keyframes fall-141 { 63.463% { transform: translate(45.7437vw, 63.463vh) scale(0.3881); }
  to { transform: translate(41.5934vw, 100vh) scale(0.3881); } }
.snow:nth-child(142) { opacity: 0.1468; transform: translate(28.3075vw, -10px) scale(0.0298); animation: fall-142 16s -3s linear infinite; }
@keyframes fall-142 { 62.169% { transform: translate(19.7676vw, 62.169vh) scale(0.0298); }
  to { transform: translate(24.03755vw, 100vh) scale(0.0298); } }
.snow:nth-child(143) { opacity: 0.5154; transform: translate(27.8476vw, -10px) scale(0.8796); animation: fall-143 18s -21s linear infinite; }
@keyframes fall-143 { 74.267% { transform: translate(22.9308vw, 74.267vh) scale(0.8796); }
  to { transform: translate(25.3892vw, 100vh) scale(0.8796); } }
.snow:nth-child(144) { opacity: 0.6692; transform: translate(90.4504vw, -10px) scale(0.0095); animation: fall-144 13s -30s linear infinite; }
@keyframes fall-144 { 40.833% { transform: translate(84.6071vw, 40.833vh) scale(0.0095); }
  to { transform: translate(87.52875vw, 100vh) scale(0.0095); } }
.snow:nth-child(145) { opacity: 0.554; transform: translate(97.153vw, -10px) scale(0.3121); animation: fall-145 14s -24s linear infinite; }
@keyframes fall-145 { 59.624% { transform: translate(96.1537vw, 59.624vh) scale(0.3121); }
  to { transform: translate(96.65335vw, 100vh) scale(0.3121); } }
.snow:nth-child(146) { opacity: 0.4672; transform: translate(12.9362vw, -10px) scale(0.9907); animation: fall-146 11s -15s linear infinite; }
@keyframes fall-146 { 72.571% { transform: translate(11.5254vw, 72.571vh) scale(0.9907); }
  to { transform: translate(12.2308vw, 100vh) scale(0.9907); } }
.snow:nth-child(147) { opacity: 0.5738; transform: translate(66.1767vw, -10px) scale(0.4315); animation: fall-147 24s -7s linear infinite; }
@keyframes fall-147 { 57.909% { transform: translate(69.024vw, 57.909vh) scale(0.4315); }
  to { transform: translate(67.60035vw, 100vh) scale(0.4315); } }
.snow:nth-child(148) { opacity: 0.8136; transform: translate(29.888vw, -10px) scale(0.324); animation: fall-148 25s -25s linear infinite; }
@keyframes fall-148 { 67.929% { transform: translate(23.3083vw, 67.929vh) scale(0.324); }
  to { transform: translate(26.59815vw, 100vh) scale(0.324); } }
.snow:nth-child(149) { opacity: 0.9482; transform: translate(62.0597vw, -10px) scale(0.7319); animation: fall-149 18s -24s linear infinite; }
@keyframes fall-149 { 30.109% { transform: translate(65.8526vw, 30.109vh) scale(0.7319); }
  to { transform: translate(63.95615vw, 100vh) scale(0.7319); } }
.snow:nth-child(150) { opacity: 0.2844; transform: translate(45.733vw, -10px) scale(0.7431); animation: fall-150 28s -10s linear infinite; }
@keyframes fall-150 { 38.417% { transform: translate(43.2736vw, 38.417vh) scale(0.7431); }
  to { transform: translate(44.5033vw, 100vh) scale(0.7431); } }
.snow:nth-child(151) { opacity: 0.7408; transform: translate(89.1106vw, -10px) scale(0.7938); animation: fall-151 10s -28s linear infinite; }
@keyframes fall-151 { 38.007% { transform: translate(85.858vw, 38.007vh) scale(0.7938); }
  to { transform: translate(87.4843vw, 100vh) scale(0.7938); } }
.snow:nth-child(152) { opacity: 0.5295; transform: translate(8.0538vw, -10px) scale(0.0506); animation: fall-152 13s -4s linear infinite; }
@keyframes fall-152 { 54.951% { transform: translate(16.6701vw, 54.951vh) scale(0.0506); }
  to { transform: translate(12.36195vw, 100vh) scale(0.0506); } }
.snow:nth-child(153) { opacity: 0.6108; transform: translate(91.0725vw, -10px) scale(0.988); animation: fall-153 13s -30s linear infinite; }
@keyframes fall-153 { 35.533% { transform: translate(86.191vw, 35.533vh) scale(0.988); }
  to { transform: translate(88.63175vw, 100vh) scale(0.988); } }
.snow:nth-child(154) { opacity: 0.1419; transform: translate(40.8891vw, -10px) scale(0.4946); animation: fall-154 24s -15s linear infinite; }
@keyframes fall-154 { 42.378% { transform: translate(44.7862vw, 42.378vh) scale(0.4946); }
  to { transform: translate(42.83765vw, 100vh) scale(0.4946); } }
.snow:nth-child(155) { opacity: 0.2714; transform: translate(70.806vw, -10px) scale(0.9329); animation: fall-155 16s -30s linear infinite; }
@keyframes fall-155 { 47.342% { transform: translate(66.0779vw, 47.342vh) scale(0.9329); }
  to { transform: translate(68.44195vw, 100vh) scale(0.9329); } }
.snow:nth-child(156) { opacity: 0.791; transform: translate(58.5188vw, -10px) scale(0.8963); animation: fall-156 25s -22s linear infinite; }
@keyframes fall-156 { 34.679% { transform: translate(54.5321vw, 34.679vh) scale(0.8963); }
  to { transform: translate(56.52545vw, 100vh) scale(0.8963); } }
.snow:nth-child(157) { opacity: 0.6492; transform: translate(46.0022vw, -10px) scale(0.8556); animation: fall-157 16s -9s linear infinite; }
@keyframes fall-157 { 41.464% { transform: translate(54.0369vw, 41.464vh) scale(0.8556); }
  to { transform: translate(50.01955vw, 100vh) scale(0.8556); } }
.snow:nth-child(158) { opacity: 0.8749; transform: translate(40.6784vw, -10px) scale(0.0741); animation: fall-158 25s -16s linear infinite; }
@keyframes fall-158 { 53.602% { transform: translate(42.3131vw, 53.602vh) scale(0.0741); }
  to { transform: translate(41.49575vw, 100vh) scale(0.0741); } }
.snow:nth-child(159) { opacity: 0.5381; transform: translate(6.542vw, -10px) scale(0.2307); animation: fall-159 22s -19s linear infinite; }
@keyframes fall-159 { 38.879% { transform: translate(7.0726vw, 38.879vh) scale(0.2307); }
  to { transform: translate(6.8073vw, 100vh) scale(0.2307); } }
.snow:nth-child(160) { opacity: 0.1218; transform: translate(31.3614vw, -10px) scale(0.5566); animation: fall-160 17s -5s linear infinite; }
@keyframes fall-160 { 64.515% { transform: translate(33.6996vw, 64.515vh) scale(0.5566); }
  to { transform: translate(32.5305vw, 100vh) scale(0.5566); } }
.snow:nth-child(161) { opacity: 0.2577; transform: translate(98.6011vw, -10px) scale(0.7985); animation: fall-161 30s -24s linear infinite; }
@keyframes fall-161 { 43.623% { transform: translate(90.0675vw, 43.623vh) scale(0.7985); }
  to { transform: translate(94.3343vw, 100vh) scale(0.7985); } }
.snow:nth-child(162) { opacity: 0.5048; transform: translate(69.6709vw, -10px) scale(0.0622); animation: fall-162 10s -17s linear infinite; }
@keyframes fall-162 { 32.767% { transform: translate(63.9541vw, 32.767vh) scale(0.0622); }
  to { transform: translate(66.8125vw, 100vh) scale(0.0622); } }
.snow:nth-child(163) { opacity: 0.8825; transform: translate(48.5967vw, -10px) scale(0.5706); animation: fall-163 30s -14s linear infinite; }
@keyframes fall-163 { 63.036% { transform: translate(45.9796vw, 63.036vh) scale(0.5706); }
  to { transform: translate(47.28815vw, 100vh) scale(0.5706); } }
.snow:nth-child(164) { opacity: 0.5521; transform: translate(43.0976vw, -10px) scale(0.95); animation: fall-164 10s -19s linear infinite; }
@keyframes fall-164 { 73.964% { transform: translate(50.0483vw, 73.964vh) scale(0.95); }
  to { transform: translate(46.57295vw, 100vh) scale(0.95); } }
.snow:nth-child(165) { opacity: 0.4679; transform: translate(14.1708vw, -10px) scale(0.6748); animation: fall-165 23s -2s linear infinite; }
@keyframes fall-165 { 36.324% { transform: translate(18.5893vw, 36.324vh) scale(0.6748); }
  to { transform: translate(16.38005vw, 100vh) scale(0.6748); } }
.snow:nth-child(166) { opacity: 0.1703; transform: translate(12.3887vw, -10px) scale(0.5822); animation: fall-166 15s -4s linear infinite; }
@keyframes fall-166 { 35.433% { transform: translate(10.0837vw, 35.433vh) scale(0.5822); }
  to { transform: translate(11.2362vw, 100vh) scale(0.5822); } }
.snow:nth-child(167) { opacity: 0.8487; transform: translate(95.8869vw, -10px) scale(0.2113); animation: fall-167 24s -25s linear infinite; }
@keyframes fall-167 { 34.032% { transform: translate(85.932vw, 34.032vh) scale(0.2113); }
  to { transform: translate(90.90945vw, 100vh) scale(0.2113); } }
.snow:nth-child(168) { opacity: 0.1441; transform: translate(26.0091vw, -10px) scale(0.3164); animation: fall-168 23s -15s linear infinite; }
@keyframes fall-168 { 48.179% { transform: translate(26.1918vw, 48.179vh) scale(0.3164); }
  to { transform: translate(26.10045vw, 100vh) scale(0.3164); } }
.snow:nth-child(169) { opacity: 0.3692; transform: translate(31.1762vw, -10px) scale(0.5111); animation: fall-169 17s -13s linear infinite; }
@keyframes fall-169 { 73.747% { transform: translate(39.4872vw, 73.747vh) scale(0.5111); }
  to { transform: translate(35.3317vw, 100vh) scale(0.5111); } }
.snow:nth-child(170) { opacity: 0.9495; transform: translate(73.8378vw, -10px) scale(0.9775); animation: fall-170 22s -27s linear infinite; }
@keyframes fall-170 { 78.513% { transform: translate(82.8373vw, 78.513vh) scale(0.9775); }
  to { transform: translate(78.33755vw, 100vh) scale(0.9775); } }
.snow:nth-child(171) { opacity: 0.9499; transform: translate(57.4649vw, -10px) scale(0.2451); animation: fall-171 25s -11s linear infinite; }
@keyframes fall-171 { 49.776% { transform: translate(60.9592vw, 49.776vh) scale(0.2451); }
  to { transform: translate(59.21205vw, 100vh) scale(0.2451); } }
.snow:nth-child(172) { opacity: 0.9304; transform: translate(86.1792vw, -10px) scale(0.9721); animation: fall-172 19s -9s linear infinite; }
@keyframes fall-172 { 61.867% { transform: translate(77.9773vw, 61.867vh) scale(0.9721); }
  to { transform: translate(82.07825vw, 100vh) scale(0.9721); } }
.snow:nth-child(173) { opacity: 0.0614; transform: translate(48.7217vw, -10px) scale(0.5938); animation: fall-173 10s -1s linear infinite; }
@keyframes fall-173 { 32.277% { transform: translate(53.602vw, 32.277vh) scale(0.5938); }
  to { transform: translate(51.16185vw, 100vh) scale(0.5938); } }
.snow:nth-child(174) { opacity: 0.5871; transform: translate(25.2227vw, -10px) scale(0.0856); animation: fall-174 22s -28s linear infinite; }
@keyframes fall-174 { 41.091% { transform: translate(16.8513vw, 41.091vh) scale(0.0856); }
  to { transform: translate(21.037vw, 100vh) scale(0.0856); } }
.snow:nth-child(175) { opacity: 0.5919; transform: translate(43.1072vw, -10px) scale(0.5503); animation: fall-175 18s -20s linear infinite; }
@keyframes fall-175 { 61.379% { transform: translate(47.8132vw, 61.379vh) scale(0.5503); }
  to { transform: translate(45.4602vw, 100vh) scale(0.5503); } }
.snow:nth-child(176) { opacity: 0.189; transform: translate(93.869vw, -10px) scale(0.4496); animation: fall-176 27s -1s linear infinite; }
@keyframes fall-176 { 53.519% { transform: translate(85.2616vw, 53.519vh) scale(0.4496); }
  to { transform: translate(89.5653vw, 100vh) scale(0.4496); } }
.snow:nth-child(177) { opacity: 0.6784; transform: translate(62.3624vw, -10px) scale(0.0608); animation: fall-177 25s -9s linear infinite; }
@keyframes fall-177 { 38.965% { transform: translate(67.3084vw, 38.965vh) scale(0.0608); }
  to { transform: translate(64.8354vw, 100vh) scale(0.0608); } }
.snow:nth-child(178) { opacity: 0.6026; transform: translate(96.714vw, -10px) scale(0.0527); animation: fall-178 19s -23s linear infinite; }
@keyframes fall-178 { 32.672% { transform: translate(92.3112vw, 32.672vh) scale(0.0527); }
  to { transform: translate(94.5126vw, 100vh) scale(0.0527); } }
.snow:nth-child(179) { opacity: 0.5041; transform: translate(97.6534vw, -10px) scale(0.8974); animation: fall-179 21s -5s linear infinite; }
@keyframes fall-179 { 43.581% { transform: translate(97.2258vw, 43.581vh) scale(0.8974); }
  to { transform: translate(97.4396vw, 100vh) scale(0.8974); } }
.snow:nth-child(180) { opacity: 0.5029; transform: translate(5.2331vw, -10px) scale(0.4108); animation: fall-180 19s -4s linear infinite; }
@keyframes fall-180 { 39.969% { transform: translate(10.8017vw, 39.969vh) scale(0.4108); }
  to { transform: translate(8.0174vw, 100vh) scale(0.4108); } }
.snow:nth-child(181) { opacity: 0.7212; transform: translate(99.3611vw, -10px) scale(0.9187); animation: fall-181 12s -3s linear infinite; }
@keyframes fall-181 { 52.701% { transform: translate(107.0741vw, 52.701vh) scale(0.9187); }
  to { transform: translate(103.2176vw, 100vh) scale(0.9187); } }
.snow:nth-child(182) { opacity: 0.9127; transform: translate(65.1337vw, -10px) scale(0.3535); animation: fall-182 17s -21s linear infinite; }
@keyframes fall-182 { 67.494% { transform: translate(57.5397vw, 67.494vh) scale(0.3535); }
  to { transform: translate(61.3367vw, 100vh) scale(0.3535); } }
.snow:nth-child(183) { opacity: 0.2751; transform: translate(13.7514vw, -10px) scale(0.7348); animation: fall-183 25s -2s linear infinite; }
@keyframes fall-183 { 49.387% { transform: translate(7.6968vw, 49.387vh) scale(0.7348); }
  to { transform: translate(10.7241vw, 100vh) scale(0.7348); } }
.snow:nth-child(184) { opacity: 0.9172; transform: translate(95.3486vw, -10px) scale(0.6182); animation: fall-184 17s -23s linear infinite; }
@keyframes fall-184 { 60.805% { transform: translate(97.0061vw, 60.805vh) scale(0.6182); }
  to { transform: translate(96.17735vw, 100vh) scale(0.6182); } }
.snow:nth-child(185) { opacity: 0.7281; transform: translate(44.6492vw, -10px) scale(0.9689); animation: fall-185 25s -7s linear infinite; }
@keyframes fall-185 { 58.482% { transform: translate(41.9632vw, 58.482vh) scale(0.9689); }
  to { transform: translate(43.3062vw, 100vh) scale(0.9689); } }
.snow:nth-child(186) { opacity: 0.2658; transform: translate(11.6642vw, -10px) scale(0.6061); animation: fall-186 16s -3s linear infinite; }
@keyframes fall-186 { 44.426% { transform: translate(3.4953vw, 44.426vh) scale(0.6061); }
  to { transform: translate(7.57975vw, 100vh) scale(0.6061); } }
.snow:nth-child(187) { opacity: 0.6864; transform: translate(35.4959vw, -10px) scale(0.2397); animation: fall-187 17s -4s linear infinite; }
@keyframes fall-187 { 66.694% { transform: translate(36.3231vw, 66.694vh) scale(0.2397); }
  to { transform: translate(35.9095vw, 100vh) scale(0.2397); } }
.snow:nth-child(188) { opacity: 0.7078; transform: translate(89.4852vw, -10px) scale(0.661); animation: fall-188 30s -14s linear infinite; }
@keyframes fall-188 { 64.329% { transform: translate(94.1838vw, 64.329vh) scale(0.661); }
  to { transform: translate(91.8345vw, 100vh) scale(0.661); } }
.snow:nth-child(189) { opacity: 0.8801; transform: translate(91.1285vw, -10px) scale(0.9483); animation: fall-189 22s -5s linear infinite; }
@keyframes fall-189 { 65.318% { transform: translate(97.8854vw, 65.318vh) scale(0.9483); }
  to { transform: translate(94.50695vw, 100vh) scale(0.9483); } }
.snow:nth-child(190) { opacity: 0.7665; transform: translate(71.8575vw, -10px) scale(0.6449); animation: fall-190 27s -5s linear infinite; }
@keyframes fall-190 { 71.568% { transform: translate(79.1859vw, 71.568vh) scale(0.6449); }
  to { transform: translate(75.5217vw, 100vh) scale(0.6449); } }
.snow:nth-child(191) { opacity: 0.5174; transform: translate(25.4685vw, -10px) scale(0.7087); animation: fall-191 18s -14s linear infinite; }
@keyframes fall-191 { 62.474% { transform: translate(29.8709vw, 62.474vh) scale(0.7087); }
  to { transform: translate(27.6697vw, 100vh) scale(0.7087); } }
.snow:nth-child(192) { opacity: 0.1803; transform: translate(20.4416vw, -10px) scale(0.555); animation: fall-192 30s -20s linear infinite; }
@keyframes fall-192 { 37.361% { transform: translate(26.6892vw, 37.361vh) scale(0.555); }
  to { transform: translate(23.5654vw, 100vh) scale(0.555); } }
.snow:nth-child(193) { opacity: 0.0157; transform: translate(36.4918vw, -10px) scale(0.6859); animation: fall-193 29s -10s linear infinite; }
@keyframes fall-193 { 79.135% { transform: translate(27.6788vw, 79.135vh) scale(0.6859); }
  to { transform: translate(32.0853vw, 100vh) scale(0.6859); } }
.snow:nth-child(194) { opacity: 0.0415; transform: translate(22.388vw, -10px) scale(0.5867); animation: fall-194 10s -25s linear infinite; }
@keyframes fall-194 { 32.387% { transform: translate(31.0174vw, 32.387vh) scale(0.5867); }
  to { transform: translate(26.7027vw, 100vh) scale(0.5867); } }
.snow:nth-child(195) { opacity: 0.8456; transform: translate(80.212vw, -10px) scale(0.1808); animation: fall-195 30s -10s linear infinite; }
@keyframes fall-195 { 62.4% { transform: translate(72.3329vw, 62.4vh) scale(0.1808); }
  to { transform: translate(76.27245vw, 100vh) scale(0.1808); } }
.snow:nth-child(196) { opacity: 0.5672; transform: translate(81.1488vw, -10px) scale(0.8974); animation: fall-196 29s -2s linear infinite; }
@keyframes fall-196 { 43.008% { transform: translate(85.1445vw, 43.008vh) scale(0.8974); }
  to { transform: translate(83.14665vw, 100vh) scale(0.8974); } }
.snow:nth-child(197) { opacity: 0.6092; transform: translate(98.3336vw, -10px) scale(0.596); animation: fall-197 11s -13s linear infinite; }
@keyframes fall-197 { 35.144% { transform: translate(96.107vw, 35.144vh) scale(0.596); }
  to { transform: translate(97.2203vw, 100vh) scale(0.596); } }
.snow:nth-child(198) { opacity: 0.7176; transform: translate(19.7258vw, -10px) scale(0.7303); animation: fall-198 30s -9s linear infinite; }
@keyframes fall-198 { 34.04% { transform: translate(15.5172vw, 34.04vh) scale(0.7303); }
  to { transform: translate(17.6215vw, 100vh) scale(0.7303); } }
.snow:nth-child(199) { opacity: 0.179; transform: translate(83.477vw, -10px) scale(0.9897); animation: fall-199 27s -7s linear infinite; }
@keyframes fall-199 { 38.997% { transform: translate(77.3104vw, 38.997vh) scale(0.9897); }
  to { transform: translate(80.3937vw, 100vh) scale(0.9897); } }
.snow:nth-child(200) { opacity: 0.4475; transform: translate(5.7498vw, -10px) scale(0.039); animation: fall-200 13s -25s linear infinite; }
@keyframes fall-200 { 73.163% { transform: translate(2.9923vw, 73.163vh) scale(0.039); }
  to { transform: translate(4.37105vw, 100vh) scale(0.039); } }
.about-container { width: 100%; max-width: 120rem; margin: auto; }

.about-section { width: 100%; max-width: 100%; display: flex; flex-direction: column; align-items: center; position: relative; padding: 0px 32px; }
@media (min-width: 576px) { .about-section { padding: 0px 64px; } }

.about-description_container { width: 100%; max-width: 70%; }
@media (max-width: 1028px) { .about-description_container { max-width: 90%; } }

.about-groups-container { width: 80%; display: flex; align-items: center; justify-content: space-evenly; flex-wrap: wrap; }

.group_container { margin: 1rem; min-width: 40%; flex: 1; background: var(--card-color); border-radius: 1rem; padding: 1rem; box-sizing: border-box; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-evenly; }
.group_container .group_title { display: flex; align-self: flex-start; justify-content: space-between; width: 100%; margin: 0; }
.group_container .group_title .group_name { font-size: 1.5rem; font-weight: 500; margin: 0; }
.group_container .group_title .group_meeting { color: #AAA; margin: 0; }
.group_container hr { width: 4rem; margin: 0.5rem 0; border-top: 2px solid white; }
.group_container .group_description { font-size: 0.8rem; }

.about-section-heading { font-style: normal; font-weight: 800; text-align: center; color: var(--text-color); margin-top: 40px; font-size: 2.5rem; line-height: 2.5rem; }

.about-section-description { font-style: normal; font-weight: 600; text-align: center; color: var(--light-text-color); margin-top: 18px; font-size: 1.3rem; line-height: 2rem; }

.members-section { width: 100%; max-width: 100%; display: flex; flex-direction: column; align-items: center; position: relative; padding: 0px 32px; }

.members-container { width: 100%; max-width: 100%; display: flex; justify-content: center; margin-top: 30px; margin-bottom: 48px; }
@media (min-width: 576px) { .members-container { margin-top: 46px; margin-bottom: 69px; } }

.members-grid { width: 100%; max-width: 70%; display: flex; flex-direction: column; flex-flow: wrap; gap: 32px; justify-content: center; }
@media (max-width: 1024px) { .members-grid { max-width: 90%; } }

.member_container { background: var(--card-color); position: relative; width: 250px; height: 350px; border-radius: 16px; display: grid; grid-template-rows: 1fr 120px; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2); overflow: hidden; }

.member_avatar-container { position: relative; border-radius: 16px 16px 0 0; overflow: hidden; width: 100%; height: 100%; vertical-align: middle; }

.member_avatar { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 100%; height: 100%; object-fit: cover; box-shadow: 0px 4px 64px rgba(0, 0, 0, 0.2); }

.member_info { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 6px 20px; overflow: hidden; }

.member_title { font-size: 1.15rem; font-weight: 700; color: var(--text-color); margin-bottom: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex-shrink: 0; }

.member_details { font-size: 1rem; font-weight: 400; overflow: hidden; white-space: nowrap; flex-grow: 1; text-align: center; }

.member_socials { width: 100%; margin-top: 8px; display: flex; justify-content: center; gap: 14px; }

.member_social-link { height: 20px; width: 20px; color: var(--light-text-color); transition: 0.1s ease-in-out; }

.member_social-link:hover { opacity: 1; color: var(--link-color); }

.about-socials-section { width: 100%; max-width: 100%; display: flex; flex-direction: column; align-items: center; position: relative; padding: 0px 32px; }
@media (min-width: 576px) { .about-socials-section { padding: 0px 64px; } }

.about-social-container { width: 100%; max-width: 60%; padding: 1.5rem 0; display: flex; flex-direction: row; gap: 32px; justify-content: space-evenly; align-items: center; }
@media (max-width: 1256px) { .about-social-container { max-width: 100%; padding: 1rem; } }
@media (max-width: 900px) { .about-social-container { flex-direction: column; } }

.about-past-eboard-section { text-align: center; }
.about-past-eboard-section .about-past-eboard-container .about-past-eboard .past-eboard-year { font-size: 1.75rem; color: #e69138; margin-top: 1rem; }
.about-past-eboard-section .about-past-eboard-container .about-past-eboard .past-eboard-orgname { color: #e69138; margin: 0.5rem 0; }
.about-past-eboard-section .about-past-eboard-container .about-past-eboard .past-eboard-orgs-container { display: flex; align-items: flex-start; justify-content: space-evenly; flex-wrap: wrap; width: 60%; margin: 1rem auto; }
.about-past-eboard-section .about-past-eboard-container .about-past-eboard .past-eboard-orgs-container .past-eboard-org { margin: 0 0.5rem; }

@media only screen and (max-width: 768px) { .about-groups-container { width: 100% !important; }
  .about-groups-container .group_container { min-width: 100% !important; }
  .about-groups-container .group_container .group_title { flex-direction: column; } }
.education-section { width: 100%; max-width: 100%; display: flex; flex-direction: column; align-items: center; position: relative; padding: 0px 32px; }
@media (min-width: 576px) { .education-section { padding: 0px 64px; } }

.education-set-container { width: 100%; display: flex; flex-direction: column; gap: 32px; margin-top: 30px; margin-bottom: 48px; }
@media (min-width: 576px) { .education-set-container { margin-top: 38px; margin-bottom: 60px; } }

.education-set { width: 100%; display: flex; flex-direction: column; align-items: center; text-align: center; }

.education-set_title { color: var(--text-color); font-size: 1.5rem; font-weight: 700; }

.education-set_description { color: var(--text-color); opacity: 0.7; font-size: 1rem; margin: 0.25rem 0 1rem; }

.education-set_lesson-container { width: 100%; display: flex; flex-direction: column; flex-flow: wrap; gap: 16px 32px; justify-content: center; }

.events-section { width: 100%; max-width: 100%; display: flex; flex-direction: column; align-items: center; position: relative; padding: 0px 32px; }
@media (min-width: 576px) { .events-section { padding: 0px 64px; } }

.events-container { width: 100%; max-width: 100%; display: flex; justify-content: center; margin-top: 30px; margin-bottom: 48px; }
@media (min-width: 576px) { .events-container { margin-top: 38px; margin-bottom: 60px; } }

.events-grid { width: 100%; display: flex; flex-direction: column; flex-flow: wrap; gap: 32px; justify-content: center; }

.event_container { background: var(--card-color); position: relative; width: 450px; height: 350px; border-radius: 16px; display: grid; grid-template-rows: 1fr 80px; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2); overflow: hidden; }

.event_image-container { position: relative; border-radius: 16px 16px 0 0; overflow: hidden; width: 100%; height: 100%; vertical-align: middle; }

.event_image { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); box-shadow: 0px 4px 64px rgba(0, 0, 0, 0.2); border-radius: 16px 16px 0 0; transition: all 0.3s ease; }

.event_info { width: 100%; height: 100%; display: grid; grid-template-columns: 1fr 3rem; align-items: center; padding: 6px 20px; }

.event_info-container { width: 100%; max-width: 412px; overflow: hidden; }

.event_title { font-size: 1.15rem; font-weight: 700; color: var(--text-color); margin-bottom: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.event_details { display: flex; color: var(--light-text-color); }

.event_date { color: var(--link-color); opacity: 0.9; margin-right: 10px; }

.event_link-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }

.event_link { cursor: pointer; height: 1.5rem; width: 1.5rem; color: var(--light-text-color); transition: all 0.1s ease-in-out; }
.event_link:hover { color: var(--link-color); }

.gallery-section { width: 100%; max-width: 100%; display: flex; flex-direction: column; align-items: center; position: relative; padding: 0px 32px; }
@media (min-width: 576px) { .gallery-section { padding: 0px 64px; } }

.gallery-container { width: 100%; max-width: 100%; display: flex; justify-content: center; margin-top: 30px; margin-bottom: 48px; }
@media (min-width: 576px) { .gallery-container { margin-top: 46px; margin-bottom: 69px; } }

.gallery-grid { width: 100%; display: flex; flex-direction: column; flex-flow: wrap; gap: 32px; justify-content: center; }

.gallery-photo { position: relative; width: 650px; height: 450px; border-radius: 8px; border: 1px solid #e69138; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2); cursor: pointer; overflow: hidden; }
@media (max-width: 576px) { .gallery-photo { height: 350px; } }

.gallery-photo_image { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); max-width: auto; max-height: 100%; transition: all 0.3s ease; }

.gallery-photo_caption-container { position: absolute; background-color: var(--header-color-mobile); color: var(--light-text-color); width: 100%; height: 20%; bottom: 0; padding: 1rem; display: flex; flex-direction: column; transition: all 0.3s ease; }

.gallery-photo_caption-title { font-size: 1.25rem; font-weight: 700; color: var(--text-color); opacity: 0.85; transition: all 0.3s ease; }

.gallery-photo_caption-description { font-size: 1rem; line-height: 1.25rem; color: var(--text-color); opacity: 0.6; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; transition: all 0.3s ease; }
@media (max-width: 576px) { .gallery-photo_caption-description { line-height: 1rem; -webkit-line-clamp: 1; } }

.gallery-photo:hover .gallery-photo_image { opacity: 0.7; }
.gallery-photo:hover .gallery-photo_caption-container { height: 30%; }
.gallery-photo:hover .gallery-photo_caption-title { opacity: 1; }
.gallery-photo:hover .gallery-photo_caption-description { opacity: 0.75; -webkit-line-clamp: 4; }
@media (max-width: 576px) { .gallery-photo:hover .gallery-photo_caption-description { -webkit-line-clamp: 3; } }

.links-section { width: 100%; max-width: 100%; display: flex; flex-direction: column; align-items: center; position: relative; padding: 0px 32px; }
@media (min-width: 576px) { .links-section { padding: 0px 64px; } }

.links-container { width: 100%; max-width: 100%; display: flex; justify-content: center; margin-top: 30px; margin-bottom: 48px; }
@media (min-width: 576px) { .links-container { margin-top: 46px; margin-bottom: 69px; } }

.links-grid { width: 100%; display: flex; flex-direction: column; flex-flow: wrap; gap: 32px; justify-content: center; }

.link_container { background-color: var(--card-color); color: white; text-decoration: none; position: relative; cursor: pointer; width: 450px; height: 100px; border-radius: 16px; border: 1px solid transparent; display: grid; grid-template-columns: 1fr 80px; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2); overflow: hidden; transition: all 0.1s ease-in-out; }
.link_container:hover { border: 1px solid var(--link-color); background-color: var(--card-color-light); }
.link_container:hover, .link_container .link_icon { opacity: 1; color: var(--text-color); }

.link_info-container { width: 100%; height: 100%; max-height: 100%; display: grid; grid-template-rows: auto auto; padding: 16px 20px; overflow: hidden; }

.link_title { font-size: 1.25rem; font-weight: 700; color: var(--text-color); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.link_description { width: 100%; height: 100%; color: var(--light-text-color); padding-top: 4px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

.link_icon-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }

.link_icon { cursor: pointer; height: 1.5rem; width: 1.5rem; color: var(--light-text-color); transition: all 0.1s ease-in-out; }

.sponsors-section { width: 100%; max-width: 100%; display: flex; flex-direction: column; align-items: center; position: relative; padding: 0px 32px; }
@media (min-width: 576px) { .sponsors-section { padding: 0px 64px; } }

.sponsor-tier { width: 100%; }

.sponsors-container { width: 100%; max-width: 100%; display: flex; justify-content: center; margin-top: 30px; margin-bottom: 48px; }
@media (min-width: 576px) { .sponsors-container { margin-top: 46px; margin-bottom: 69px; } }

.sponsors-grid { max-width: 70rem; display: flex; flex-direction: row; flex-flow: wrap; gap: 32px; justify-content: center; }

.sponsor-tier-container { display: flex; flex-flow: row wrap; justify-content: space-around; }

.sponsor { width: 300px; display: flex; flex-direction: column; border: 1px solid var(--border-color); border-radius: 4px; background-color: rgba(0, 0, 0, 0.1); grid-template-columns: 1fr 300px; align-items: center; padding: 1rem; margin: 30px 15px; }

.sponsor-info { width: 100%; max-height: 100%; padding-right: 5%; text-align: center; display: flex; flex-direction: column; }

.sponsor-title { font-size: 2rem; margin-top: 1.5rem; line-height: 2rem; font-weight: 700; color: var(--text-color); text-decoration: none; min-height: 2.5em; line-height: 1.2em; display: flex; justify-content: center; flex-direction: column; }

.sponsor-description { width: 100%; font-size: 1rem; line-height: 1.5rem; color: var(--text-color); opacity: 0.7; margin: 1rem 0 1.5rem; display: -webkit-box; -webkit-line-clamp: 12; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

.sponsor-button { text-align: center; width: 8rem; margin: auto; padding: 0.5rem 0; background-color: var(--card-color); border: 1px solid var(--border-color); border-radius: 6px; color: var(--text-color); opacity: 0.85; text-decoration: none; transition: all 0.15s ease-in-out; font-size: 0.75rem; line-height: 1rem; }
.sponsor-button:hover { opacity: 1; }

.become-a-sponsor { font-size: 1.25rem; width: 16rem; padding: 1rem; color: #e69138; }

.sponsor-image-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; align-content: center; }

.sponsor-image-wrapper { width: 200px; height: 200px; opacity: 1; cursor: pointer; border-radius: 8px; transition: all 0.15s ease; }
.sponsor-image-wrapper:hover { opacity: 0.75; }

.sponsor-image { background: #fff; padding: 1rem; width: 100%; height: 100%; object-fit: contain; border: 1px solid var(--border-color); border-radius: 8px; }

@media (max-width: 1024px) { .sponsor-description { -webkit-line-clamp: 6; margin: 0.25rem 0 0.5rem; }
  .sponsor-image-wrapper { height: 200px; width: 200px; } }
.sponsor-tier-title { font-size: 2.5rem; text-align: center; color: var(--text-color); }

.titanium { color: #7A7772; }

.diamond { color: #b9f2ff; }

.platinum { color: #e5e4e2; }

.gold { color: #ffd700; }

.silver { color: #c0c0c0; }

.bronze { color: #b08d57; }

.alumni-section { text-align: center; }
.alumni-section .alumni-container .graduation-group .graduation-year { font-size: 2.5rem; color: #e69138; margin-top: 1rem; }
.alumni-section .alumni-container .graduation-group .alumni-group { display: flex; align-items: flex-start; justify-content: space-evenly; flex-wrap: wrap; width: 50%; margin: 1rem auto; }
.alumni-section .alumni-container .graduation-group .alumni-group .alumni-title { width: 30%; }

.group-url-button { text-align: center; width: 10rem; margin-top: 1rem; padding: 0.75rem 0; background-color: var(--card-color); border: 1px solid var(--border-color); border-radius: 6px; color: var(--text-color); opacity: 0.85; text-decoration: none; transition: all 0.15s ease-in-out; font-size: 1rem; line-height: 1.25rem; }
.group-url-button:hover { opacity: 1; }