*{margin:0;padding:0;box-sizing:border-box}body{font-optical-sizing:auto}body -webkit-scrollbar{display:none}body ul{list-style:none}body .app{font-family:Jost,sans-serif;font-optical-sizing:auto;font-style:normal;color:#475d4b;background-color:#f9f8fe;overflow-x:hidden;font-size:1.2em}@media screen and (max-width: 1200px){body .app{font-size:1.6em}}@media screen and (max-width: 1024px){body .app{font-size:1.4em}}@media screen and (max-width: 768px){body .app{font-size:1.2em}}@media screen and (max-width: 480px){body .app{font-size:1em}}body .app .sections{max-width:100vw;position:relative;display:flex;flex-direction:column;align-items:center;scroll-behavior:smooth}body .app .sections>*{width:100vw;height:100vh;scroll-snap-align:start}.intro{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.intro .logo{height:80%;width:auto;animation-name:zoomIn;animation-duration:2s}@keyframes zoomIn{0%{height:75%}to{height:80%}}@media screen and (max-width: 1200px){.intro .logo{width:100%;height:auto}}.navbar{width:100%;display:flex;align-items:center;justify-content:center}.navbar ul{display:flex;align-items:center;justify-content:center;gap:30px;font-size:30px}@media screen and (max-width: 1200px){.navbar ul{flex-direction:column}}@media screen and (max-width: 480px){.navbar ul{font-size:20px}}.navbar ul li{list-style:none}.navbar ul li a{text-decoration:none;text-transform:uppercase;color:#fff}.navbar ul li a:hover{color:#ae92cc}.about{height:100%;display:flex;align-items:center}@media screen and (max-width: 1200px){.about{flex-direction:column}}.about .img-wrap{flex:1;display:flex;align-items:center;justify-content:flex-end}@media screen and (max-width: 1200px){.about .img-wrap{width:100%;height:100%;justify-content:center}}.about .img-wrap img{width:70%;height:70%;object-fit:contain}@media screen and (max-width: 480px){.about .img-wrap img{width:100%;height:100%}}.about .paragraph-wrap{position:relative;flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:20px;max-width:50vw;padding:0 25% 0 2%}@media screen and (max-width: 1200px){.about .paragraph-wrap{max-width:none;padding:0 20%}}@media screen and (max-width: 1024px){.about .paragraph-wrap{padding:0 10%}}@media screen and (max-width: 480px){.about .paragraph-wrap{padding:0 5%}}.about .paragraph-wrap p{width:100%;text-shadow:.25px .25px #999;text-align:justify;position:relative}.about .paragraph-wrap p strong{font-weight:700;color:#475d4b}.contact{position:relative;width:100%;height:100vh;display:flex;align-items:center;justify-content:center}@media screen and (max-width: 1024px){.contact{flex-direction:column}}.contact .contactWrap{height:100%;position:absolute;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;transform:translate(200px,-40vh)}@media screen and (max-width: 1024px){.contact .contactWrap{position:relative;align-items:center;transform:translate(0)}}.contact .contactWrap h2{font-size:xx-large;font-weight:300;text-transform:uppercase;padding-bottom:20px}.contact .contactWrap .emailLink{font-size:larger;color:#475d4b}.contact .contactWrap .emailLink:hover{color:#ae92cc}.contact .contactWrap .socials{padding-top:30px;display:flex;gap:40px}.contact .contactWrap .socials .social-icon{color:#475d4b;height:40px;width:40px}.contact .contactWrap .socials .social-icon:hover{color:#ae92cc}.contact .moon{position:absolute;bottom:0;left:0;height:100%}@media screen and (max-width: 1200px){.contact .moon{position:relative;height:50%;transform:translate(5%)}}.footer{height:20vh;color:#f9f8fe;background-color:#475d4b;display:flex;align-items:center;justify-content:center}.footer .socials{display:flex;align-items:center;justify-content:center;gap:40px}.footer .socials .social-icon{color:#f9f8fe;height:40px;width:40px}.footer .socials .social-icon:hover{color:#ae92cc}