.modelViewPort{perspective:1000px;width:20rem;aspect-ratio:1;border-radius:50%;display:flex;justify-content:center;align-items:center;background:#dadada;overflow:hidden}.eva{--EVA-ROTATION-DURATION:4s;transform-style:preserve-3d;animation:rotateRight var(--EVA-ROTATION-DURATION) linear infinite alternate}.head{position:relative;width:6rem;height:4rem;border-radius:48% 53% 45% 55%/79% 79% 20% 22%;background:linear-gradient(90deg,white 45%,gray)}.eyeChamber{width:4.5rem;height:2.75rem;position:relative;left:50%;top:55%;border-radius:45% 53% 45% 48%/62% 59% 35% 34%;background-color:#0c203c;box-shadow:0 0 2px 2px white,inset 0 0 0 2px black;transform:translate(-50%,-50%);animation:moveRight var(--EVA-ROTATION-DURATION) linear infinite alternate}.eye{width:1.2rem;height:1.5rem;position:absolute;border-radius:50%}.eye:first-child{left:12px;background:repeating-linear-gradient(65deg,#9bdaeb,#9bdaeb 1px,white 2px);transform:translateY(-50%) rotate(-65deg)}.eye:first-child,.eye:nth-child(2){top:50%;box-shadow:inset 0 0 5px #04b8d5,0 0 15px 1px #0bdaeb}.eye:nth-child(2){right:12px;background:repeating-linear-gradient(-65deg,#9bdaeb,#9bdaeb 1px,white 2px);transform:translateY(-50%) rotate(65deg)}.body{width:6rem;height:8rem;position:relative;-webkit-margin-before:.25rem;margin-block-start:.25rem;border-radius:47% 53% 45% 55%/12% 9% 90% 88%;background:linear-gradient(90deg,white 35%,gray)}.hand{position:absolute;left:-1.5rem;top:.75rem;width:2rem;height:5.5rem;border-radius:40%;background:linear-gradient(270deg,white 15%,gray);box-shadow:5px 0 5px rgba(0,0,0,.25);transform:rotateY(55deg) rotate(10deg)}.hand:first-child{animation:compensateRotation var(--EVA-ROTATION-DURATION) linear infinite alternate}.hand:nth-child(2){left:92%;background:linear-gradient(90deg,white 15%,gray);transform:rotateY(55deg) rotate(-10deg);animation:compensateRotationRight var(--EVA-ROTATION-DURATION) linear infinite alternate}.scannerThing{width:0;height:0;border-top:180px solid #9bdaeb;border-left:250px solid transparent;border-right:250px solid transparent;transform-origin:top left;-webkit-mask:linear-gradient(90deg,white,transparent 35%);mask:linear-gradient(90deg,white,transparent 35%);animation:glow 2s cubic-bezier(.86,0,.07,1) infinite}.scannerOrigin,.scannerThing{position:absolute;left:60%;top:10%}.scannerOrigin{width:8px;aspect-ratio:1;border-radius:50%;background:#9bdaeb;box-shadow:inset 0 0 5px rgba(0,0,0,.5);animation:moveRight var(--EVA-ROTATION-DURATION) linear infinite}@keyframes rotateRight{0%{transform:rotateY(0deg)}to{transform:rotateY(25deg)}}@keyframes moveRight{0%{transform:translate(-50%,-50%)}to{transform:translate(-40%,-50%)}}@keyframes compensateRotation{0%{transform:rotateY(55deg) rotate(10deg)}to{transform:rotatey(30deg) rotate(10deg)}}@keyframes compensateRotationRight{0%{transform:rotateY(55deg) rotate(-10deg)}to{transform:rotateY(70deg) rotate(-10deg)}}@keyframes glow{0%{opacity:0}20%{opacity:1}45%{transform:rotate(-25deg)}75%{transform:rotate(5deg)}to{opacity:0}}main{display:flex;flex-direction:column;background-color:aliceblue}.welcome-container{min-height:90vh;width:100%;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;background-color:rgba(27,61,109,.9)}.welcome-logo{height:30rem;animation:logo-animation 2s ease forwards;transform-origin:center}.welcome-text-container{max-width:0;overflow:hidden;white-space:nowrap;animation:text-reveal 2s ease forwards;animation-delay:1s}.welcome-text{font-size:3rem;color:white}.homepage-about-us{position:relative;display:flex;justify-content:center;align-items:center;background-color:rgba(27,61,109,.9)}.group-photo{margin:5%}.homepage-about-us-text{color:white;font-size:1.3rem}.homepage-about-us-text>h1{font-size:4rem;color:rgb(247,198,38);margin-bottom:2%}.learn-more{color:rgb(247,198,38);font-size:1.5rem}.learn-more:hover{cursor:pointer;text-decoration:underline}.upcoming-event{min-height:50vh;background-color:aliceblue;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.upcoming-event>h1{font-size:4rem;margin-bottom:5%}.upcoming-event>h2{margin-top:1%;font-size:2rem}.get-involved{background-color:rgba(27,61,109,.9);color:white;padding-left:1%;margin-top:2%;font-size:1.3rem;display:flex}.get-involved>div{display:flex;flex-direction:column;justify-content:center}.get-involved>div>h1{font-size:4rem;color:rgb(247,198,38);margin-bottom:2%}.landing-page-button{margin-top:1%;margin-bottom:1%;font-size:1.4rem;padding:5px 25px;border:0 solid;background-color:rgb(247,198,38);border-radius:15px;cursor:pointer;color:black}.newsletter{background-color:aliceblue;margin-top:1%;margin-left:1%;font-size:1.3rem}.newsletter>h1{font-size:4rem;margin-bottom:1%}.get-involved>img{margin:2%}@media (min-width:769px){.get-involved>img,.group-photo{width:35%}@keyframes logo-animation{0%{height:30rem;transform:translateX(0)}50%{height:15rem;transform:translateX(0)}to{height:15rem}}@keyframes text-reveal{0%{max-width:0}to{max-width:40rem}}}@media (max-width:768px){.get-involved>img{width:90%}.welcome-logo{height:15rem}.welcome-text{font-size:1.5rem}.upcoming-event>h1{font-size:2.5rem}.welcome-text-container{overflow-wrap:break-word;animation-delay:1s}.homepage-about-us{flex-direction:column}.group-photo{width:90%}.homepage-about-us-text{text-align:center;margin:5%}.get-involved>div>h1,.homepage-about-us-text>h1{font-size:3rem}.get-involved{flex-direction:column}.get-involved,.newsletter{font-size:1.2rem;padding-top:5%;padding-left:2%;padding-bottom:5%}@keyframes text-reveal{0%{max-width:0}to{max-width:30rem}}}@media (max-width:480px){.get-involved{font-size:1.2rem;padding-top:5%;padding-left:2%;padding-bottom:5%;flex-direction:column}.get-involved>img{width:90%}.welcome-container{flex-direction:column;justify-content:center;padding:20px}.upcoming-event>h1{font-size:2.5rem}.welcome-logo{height:10rem;animation:logo-animation 3s ease forwards}.welcome-text{font-size:1.5rem}.group-photo{width:90%}.homepage-about-us-text{text-align:center;margin:5%}.get-involved>div>h1,.homepage-about-us-text>h1{font-size:3rem}.newsletter{font-size:1.2rem;padding-top:5%;padding-left:2%;padding-bottom:5%}@keyframes text-reveal{0%{max-width:0}to{max-width:20rem}}}