@import"https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:"Poppins",sans-serif}html,body{height:100vh}header{position:fixed;top:0;left:0;width:100%;padding:20px;z-index:1}header.sticky{background:#181818;border-bottom:3px solid #0d324d;padding-bottom:10px;z-index:1}.blur-bg-overlay{position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;backdrop-filter:blur(5px);transition:.1s ease;z-index:2}.show-popup .blur-bg-overlay{opacity:1;pointer-events:auto}.show-popup .login-form{opacity:1;pointer-events:auto;transform:translate(-50%, -50%);transition:transform .3s ease,opacity .1s;z-index:3}.login-form{position:fixed;top:50%;left:50%;max-width:720px;width:100%;opacity:0;pointer-events:none;background:#fcfcfc;border:3px solid #0d324d;transform:translate(-50%, -100%);box-shadow:-20px 0 35px -25px #000,20px 0 35px -25px #000}.login-form h2{text-align:center;margin-bottom:30px}.login-form .form-box{display:flex}.login-form .form-details{max-width:330px;width:100%;color:#fcfcfc;display:flex;padding:0 20px;text-align:center;flex-direction:column;align-items:center;justify-content:center}.login-form .form-content{width:100%;padding:35px}.login-form #login-close-btn{position:absolute;top:12px;right:12px;color:#181818;cursor:pointer}form button{width:100%;outline:none;border:none;font-size:1rem;font-weight:600;padding:14px 0;border-radius:3px;margin:25px 0;cursor:pointer;color:#fcfcfc;background:#208aae;transition:.2s ease}form button:hover{background:#0d324d}form .input-field{height:50px;width:100%;margin-top:20px;position:relative}form .input-field input{width:100%;height:100%;outline:none;padding:0 15px;font-size:.95rem;border-radius:3px;border:2px solid #0d324d}form .input-field input:focus{border-color:#208aae}form .input-field input:is(:focus,:valid){padding:16px 15px 0}form .input-field input:is(:focus,:valid)~label{color:#208aae;font-size:.75rem;transform:translateY(-120%)}form .input-field label{position:absolute;top:50%;left:15px;color:#0d324d;pointer-events:none;transform:translateY(-50%);transition:.2s ease}.form-box a{color:#208aae;text-decoration:none}.form-box a:hover{text-decoration:underline}.form-box :where(.forgot-pass,.policy-text){display:inline-flex;margin-top:14px;font-size:.95rem}.form-box .bottom-link{text-align:center}.login .form-details{background:url(./../img/rye.png),linear-gradient(375deg, #0D324D, #181818);background-blend-mode:multiply;background-size:cover;background-position:center}.signup .form-details{background:url(./../img/vincelia.jpg),linear-gradient(375deg, #0D324D, #181818);background-blend-mode:multiply;background-size:cover;background-position:center}.signup .policy-text{display:flex;align-items:center}.signup .policy-text input{width:14px;height:14px;margin-right:7px}.login-form .signup,.login-form.show-signup .login{display:none}.login-form.show-signup .signup{display:flex}@media screen and (max-width: 760px){.login-form{width:95%}.form-box .form-details{display:none}.form-box .form-content{padding:30px 20px}}nav{display:flex;align-items:center;max-width:1200px;margin:0 auto;justify-content:space-between}nav a{color:#fcfcfc;text-decoration:none;transition:.2s ease}nav a:hover{color:#208aae}nav .active{color:#208aae}nav .logo{color:#fcfcfc;font-size:2.1rem;font-weight:600}nav .logo span{color:#208aae}nav ul{display:flex;list-style:none;gap:40px}nav .login-btn{border:none;outline:none;color:#0d324d;background:#fcfcfc;font-size:1rem;font-weight:600;padding:10px 18px;border-radius:6px;cursor:pointer;transition:.2s ease}nav .login-btn:hover{color:#fcfcfc;background:#208aae}#menu-btn{color:#fcfcfc;cursor:pointer;display:none}#close-menu-btn{position:absolute;right:20px;top:20px;cursor:pointer;display:none}@media screen and (max-width: 950px){header{padding:10px 20px}header.show-mobile-menu::before{content:"";position:fixed;left:0;top:0;width:100%;height:100%;backdrop-filter:blur(5px)}header.show-mobile-menu nav ul{left:0}nav{padding:15px 0px 5px}nav a{color:#181818}nav ul{position:fixed;left:-260px;top:0;flex-direction:column;width:260px;height:100vh;background:#fcfcfc;border-right:4px #0d324d solid;padding:70px 40px 0;transition:left .15s ease}nav .logo{font-size:1.7rem}nav .login-btn{font-size:.9rem;padding:7px 10px}#menu-btn,#close-menu-btn{display:block}}#home{height:100vh;width:100%;display:flex;position:absolute;flex-wrap:wrap;align-items:center;padding:0 20px;background:url(./../img/visonia.webp),linear-gradient(375deg, #0D324D, #181818);background-blend-mode:multiply;background-size:cover;background-position:center;background-repeat:no-repeat;border-bottom:3px solid #0d324d;opacity:0;transition:opacity .5s ease-in-out}#home.visible{opacity:1}#home .content h1{max-width:600px}#home .content p{font-weight:300;margin-top:15px;max-width:600px}#home .content button{background:#fcfcfc;color:#0d324d;outline:none;border:none;font-size:1rem;font-weight:600;margin-top:38px;padding:12px 30px;border-radius:6px;cursor:pointer;transition:.2s ease}#home .content button:hover{color:#fcfcfc;background:#208aae}#about{height:100%;width:100%;display:flex;position:absolute;flex-wrap:wrap;align-items:center;padding:0 20px;background:url(./../img/arcadia.webp),linear-gradient(375deg, #0D324D, #181818);background-blend-mode:multiply;background-size:cover;background-position:center;background-repeat:no-repeat;border-bottom:3px solid #0d324d;opacity:0;transition:opacity .5s ease-in-out}#about.visible{opacity:1}#about .content h1{max-width:600px}#about .content p{font-weight:300;margin-top:15px;max-width:600px}#projects{height:100vh;width:100%;display:flex;position:absolute;flex-wrap:wrap;align-items:center;padding:0 20px;background:url(./../img/visonia.webp),linear-gradient(375deg, #0D324D, #181818);background-blend-mode:multiply;background-size:cover;background-position:center;background-repeat:no-repeat;border-bottom:3px solid #0d324d;opacity:0;transition:opacity .5s ease-in-out}#projects.visible{opacity:1}#projects .content h1{max-width:600px}#projects .content p{font-weight:300;margin-top:15px;max-width:600px}#projects .content button{background:#fcfcfc;color:#0d324d;outline:none;border:none;font-size:1rem;font-weight:600;margin-top:38px;padding:12px 30px;border-radius:6px;cursor:pointer;transition:.2s ease}#projects .content button:hover{color:#fcfcfc;background:#208aae}#contact{height:100vh;width:100%;display:flex;position:absolute;flex-wrap:wrap;align-items:center;padding:0 20px;background:url(./../img/dawnlandscape.jpg),linear-gradient(375deg, #0D324D, #181818);background-blend-mode:multiply;background-size:cover;background-position:center;background-repeat:no-repeat;border-bottom:3px solid #0d324d;opacity:0;transition:opacity .5s ease-in-out}#contact.visible{opacity:1}#contact .content h1{max-width:600px}#contact .content p{font-weight:300;margin-top:15px;max-width:600px}#contact .content button{background:#fcfcfc;color:#0d324d;outline:none;border:none;font-size:1rem;font-weight:600;margin-top:38px;padding:12px 30px;border-radius:6px;cursor:pointer;transition:.2s ease}#contact .content button:hover{color:#fcfcfc;background:#208aae}#schedule{height:100vh;width:100%;display:flex;position:absolute;flex-wrap:wrap;align-items:center;padding:0 20px;background:url(./../img/visonia.webp),linear-gradient(375deg, #0D324D, #181818);background-blend-mode:multiply;background-size:cover;background-position:center;background-repeat:no-repeat;border-bottom:3px solid #0d324d;opacity:0;transition:opacity .5s ease-in-out}#schedule.visible{opacity:1}#schedule .content h1{max-width:600px}#schedule .content p{font-weight:300;margin-top:15px;max-width:600px}#schedule .content button{background:#fcfcfc;color:#0d324d;outline:none;border:none;font-size:1rem;font-weight:600;margin-top:38px;padding:12px 30px;border-radius:6px;cursor:pointer;transition:.2s ease}#schedule .content button:hover{color:#fcfcfc;background:#208aae}main{height:100vh;display:flex;position:relative}section .content{color:#fcfcfc;width:100%;margin:0 auto;max-width:1200px;animation:1.5s fadeInUp}section .content h1{font-size:3rem}@media screen and (max-width: 950px){section .content{text-align:center}section .content :is(h1,p){max-width:100%}section .content h1{font-size:2.3rem;line-height:60px}section .content button{padding:9px 18px}}@keyframes fadeInUp{0%{transform:translateY(100%);opacity:0}100%{transform:translateY(0%);opacity:1}}footer{position:relative;left:0;right:0;bottom:0;color:#fcfcfc;text-align:center;background-color:#181818;border-top:3px solid #0d324d}footer a{color:#fcfcfc;text-decoration:none;transition:.2s ease}footer a:hover{color:#208aae}footer span{font-size:12px}footer .content{display:flex;flex-direction:row;align-items:center;justify-content:center}footer .content .details{flex-direction:column;margin:14px}footer .content .details i{font-size:30px;color:#208aae;margin-bottom:10px}footer .content .details p{font-size:14px;color:#208aae}footer .logo{color:#fcfcfc;font-weight:600}footer .logo span{color:#208aae}@media screen and (max-width: 430px){footer .content{width:100%;margin-top:40px;flex-wrap:wrap}}#fader{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;pointer-events:none;background-color:#181818;animation-duration:1s;animation-timing-function:ease-in-out}#fader.fade-out{opacity:0;animation-name:fade-out}#fader.fade-in{opacity:1;animation-name:fade-in}@keyframes fade-out{from{opacity:1}to{opacity:0}}@keyframes fade-in{from{opacity:0}to{opacity:1}}