nav.nav{width:100%;height:var(--top-bar-height);color:var(--text-color);-webkit-backdrop-filter:blur();z-index:1000;background-color:#0000;justify-content:space-between;align-items:center;padding:0 1rem;transition:background-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;display:flex;position:fixed;top:0;left:0}nav.nav.scrolled{-webkit-backdrop-filter:blur(10px);background-color:#000c}.nav-left{align-items:center;gap:5px;display:flex}.nav-logo{width:auto;height:40px}.nav-title{margin:0;font-size:1.2rem;font-weight:500}.nav-buttons{height:100%;display:flex}.nav-button{height:100%;color:var(--text-color);background-color:#0000;border:none;padding:0 15px;font-size:14px;transition:background-color .15s}.nav-toggle{cursor:pointer;z-index:1001;background:0 0;border:none;padding:10px;display:none}.hamburger{display:block;position:relative}.hamburger,.hamburger:before,.hamburger:after{background:var(--text-color);border-radius:3px;width:25px;height:3px;transition:transform .3s,opacity .3s}.hamburger:before,.hamburger:after{content:"";position:absolute;left:0}.hamburger:before{bottom:8px}.hamburger:after{top:8px}.nav-toggle.active .hamburger{transform:rotate(45deg)}.nav-toggle.active .hamburger:before{opacity:0}.nav-toggle.active .hamburger:after{transform:rotate(90deg)translate(-8px)}.nav-button:hover{background-color:#3339}div.banner{background-color:#004e96;width:100%;height:100vh;position:relative;overflow:hidden}div.banner.scroll-on-active .quote-text,div.banner.scroll-on-active .copyright{opacity:1;transform:translate(0)}.quote-text{opacity:0;width:50%;transition:opacity .5s ease-in-out,transform .5s ease-in-out;position:absolute;bottom:10%;right:3%;transform:translate(100px)}.quote-text h1{text-align:right;font-size:50px}.quote-text p{text-align:right;margin-top:20px}.main-box{width:30%;height:5%;position:absolute;top:10%;left:2%}.main-box .main-box-inner{width:100%}.main-box .main-box-inner h1{font-size:50px}.main-box .main-box-inner p{font-size:25px}.copyright{color:#fff;opacity:0;transition:opacity 1s ease-in-out,transform 1s ease-in-out;position:absolute;bottom:10px;left:10px;transform:translate(-300px)}.banner-slider{z-index:0;width:100%;height:100%;transition:transform 1.2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:0;left:0}.banner-slide{flex:0 0 100%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.banner-slide .banner-image{object-fit:cover;width:100%;height:100%}:root{--font:"Montserrat";--text-color:white;--top-bar-height:60px}html{min-height:100%}body{background:#000;min-height:100vh;margin:0;padding:0}*{font-family:var(--font), sans-serif;box-sizing:border-box;color:#fff;margin:0}