@import"https://fonts.googleapis.com/css2?family=Badeen+Display&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--text-sm: 1.2rem;--text-medium: 1.6rem;--text-large: 3rem;--text-navigation: 2.2rem;--text-paragraph: 2rem;--text-h4: 2rem;--text-h3: 3rem;--text-h2: 4.5rem;--text-h1: 5rem;--font-weight-slim: 300;--font-weight-normal: 400;--font-weight-bold: 600;--font-family: "Inter", sans-serif;--primary-base: hsl(221, 39%, 11%);--primary-tint: hsl(221, 59%, 31%);--white: hsl(0, 0%, 100%);--lightgrey: hsl(0, 0%, 88%);--darkgrey: hsl(0, 0%, 81%);--lightblack: hsl(220, 9%, 46%);--black: hsl(0, 0%, 0%)}*{padding:0;margin:0;box-sizing:border-box;font-family:var(--font-family)}html{font-size:62.5%;scrollbar-width:none}body{font-weight:var(--font-weight-normal);background-color:var(--lightgrey)}h1,h2,h3,h4,h5{font-weight:var(--font-weight-bold);color:var(--primary-base)}h1{font-size:var(--text-h1)}h2{font-size:var(--text-h2)}h3{font-size:var(--text-h3)}h4{font-size:var(--text-h4)}h5{font-size:var(--text-h5)}p{font-size:var(--text-paragraph);color:var(--black)}span{font-size:var(--text-medium);color:var(--lightblack)}a{text-decoration:none;color:var(--white)}a.link{position:relative;transition:color .4s cubic-bezier(.25,.8,.25,1)}a.link:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:2px;background-color:var(--white);transition:width .4s cubic-bezier(.25,.8,.25,1),left .4s cubic-bezier(.25,.8,.25,1)}a.link:hover:after{width:100%;left:0}.autoShow{animation:text-appear both;animation-timeline:view();animation-range:entry 5% cover 30vh;will-change:transform,opacity;backface-visibility:hidden}@keyframes text-appear{0%{opacity:0;transform:translate3d(0,100px,0)}to{opacity:1;transform:translateZ(0)}}.nav-list{list-style:none;display:flex;gap:50px}.nav-link{text-decoration:none;font-size:var(--text-navigation);color:var(--white);font-weight:var(--font-weight-bold);position:relative;transition:color .4s cubic-bezier(.25,.8,.25,1)}.nav-link:hover{color:var(--white)}.nav-link:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:2px;background-color:var(--white);transition:width .4s cubic-bezier(.25,.8,.25,1),left .4s cubic-bezier(.25,.8,.25,1)}.nav-link:hover:after{width:100%;left:0}.total-logo{display:flex;align-items:center;gap:4rem}.team-logo{position:absolute;top:90%;left:12px;transform:translateY(-50%) rotate(-15deg);width:110px;height:110px;box-shadow:0 5px 12px #000;border-radius:50%;object-fit:cover;z-index:10}.team-name{font-size:var(--text-large);cursor:default;margin-left:75px;color:var(--white)}.navigation-bar{height:8rem;position:relative;background-color:var(--primary-base);display:flex;justify-content:space-between;align-items:center;padding:2rem 6rem;box-shadow:0 2px 6px #000}.banner-container{position:relative;height:calc(100vh - 8rem);width:100%;overflow:hidden}.banner-image{width:100%;height:100%;object-fit:cover;display:block}.banner-overlay{position:absolute;inset:0;background:linear-gradient(to top,var(--primary-base),transparent);display:flex;align-items:flex-end;justify-content:center;padding:3rem}.banner-text h1{color:var(--white);text-shadow:2px 2px 4px rgba(0,0,0,.8);margin:0}.recent-announcements-container{margin:12rem 30rem;text-align:start}.recent-announcements-title-link-container{display:flex;justify-content:space-between;align-items:center}.recent-announcements-title-link-container a{font-size:var(--text-medium);color:var(--primary-tint)}.recent-announcements-title-link-container a:after{background-color:var(--primary-tint)}.announcements-container{margin-top:30px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem}.announcementcard-container{width:40rem;min-height:100%;border:1px solid var(--darkgrey);border-radius:10px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:border-radius .5s cubic-bezier(.175,.885,.32,1.275),box-shadow .5s ease;box-sizing:border-box;overflow:hidden}.announcementcard-container:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.announcementcard-image{width:100%;height:25rem;object-fit:cover;flex-shrink:0}.announcementcard-date i{color:var(--primary-tint)}.announcementcard-date{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:1rem 0}.announcementcard-title{text-align:center;flex-grow:1;margin:1rem 2rem;display:flex;align-items:center;justify-content:center}.announcementcard-summary{text-align:center;font-size:var(--text-medium);margin:1rem 2rem;display:flex;align-items:center;justify-content:center;color:#585858}.contact-line-container{margin:5rem 35rem 0}.contact-container{display:flex;justify-content:space-between;background-color:var(--primary-base);margin-bottom:5rem}.line{height:1px;border:none;background-color:#ffffff0f}.contact-info-social-container{display:flex;flex-direction:column;justify-content:space-between}.contact-info-container{display:flex;flex-direction:column;gap:1rem;margin-right:-1px}.contact-info-label{color:var(--white);margin-bottom:20px}.contact-info-container p{font-size:1.7rem}.contact-info-container p span{color:var(--white)}.contact-info-container i{position:relative;color:var(--primary-tint);margin:4px;bottom:2px;font-size:15px}.contact-info-container i.fa-envelope{position:relative;top:1px;font-size:17px}.social-container{display:flex;gap:1rem}.social-button{width:4.5rem;height:4.5rem;transition:transform .3s}.social-button:hover{transform:translateY(-3px)}.social-button svg{width:4.5rem;height:4.5rem;border-radius:50%;border:3px solid var(--white);padding:3px;fill:var(--white);will-change:transform}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.contact-map{width:600px;height:400px;border:none;border-radius:5px}.copyright-container{text-align:center;background-color:var(--primary-base);padding:3.5rem 0}.copyright-container p{font-size:1.5rem;color:#ffffff60}.designer-link{display:inline-block;text-decoration:none;font-weight:700;color:#ffffff60}.designer-link:hover{transform:scale(1.01);cursor:pointer}.footer-container{width:100%;background-color:var(--primary-base)}.announcement-page{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:5rem 10rem 0rem}.announcement-photo{width:80rem;height:auto;object-fit:cover;margin-top:2rem;margin-bottom:2rem}.announcement-date{font-size:var(--text-sm);color:var(--black);margin-bottom:4rem}.announcement-title{text-align:center;margin-bottom:3rem}.announcement-paragraph{text-align:center;white-space:pre-line}.body-container{margin:0 auto;display:flex;flex-direction:column}