#large-header{position:absolute;z-index:1000}:root{--main-yellow-color: #FAF58D;--main-background-color: #1c1c1c}*{margin:0;padding:0;box-sizing:border-box}body{overflow-x:hidden;font-size:16px;width:100vw;font-family:Poppins,serif;background-color:var(--main-background-color)}main{max-width:1300px;width:90%;margin:auto}#welcome{width:100vw;height:100vh;color:#fff;position:relative;overflow:hidden;background-image:url(/assets/background-welcome-BErqMaFe.png);background-size:cover;background-repeat:no-repeat;background-position:center;background-attachment:fixed;z-index:100}.box-title-welcome,.box-footer-welcome{display:flex;width:100%;margin:auto}.box-title-welcome{height:100%}.box-title-welcome h1{margin:auto;font-size:3.5rem;font-weight:100;text-align:center}.box-footer-welcome{height:15%;position:absolute;bottom:0;background-color:var(--main-background-color);box-shadow:0 -10px 90px 90px var(--main-background-color);z-index:2}.box-footer-welcome p{margin:auto;font-size:1.2rem}.box-footer-welcome span{color:var(--main-yellow-color);text-shadow:01px 0px 10px var(--main-yellow-color)}header{color:#fff;display:flex;padding:20px;width:100%;height:70px;background-color:var(--main-background-color);position:fixed;top:-70px;left:0;z-index:100}header section{width:50%;display:flex;align-items:center}#menu-section{justify-content:end}#menu-section h1{font-weight:500}h1{font-weight:600}#title-section span{color:var(--main-yellow-color);text-shadow:1px 0px 10px var(--main-yellow-color)}#nav-menu ul{list-style:none;display:flex;gap:35px;font-size:.9rem;font-weight:500}.header-on{animation-duration:.5s;animation-name:header-on;animation-fill-mode:forwards}.header-off{animation-duration:.5s;animation-name:header-off;animation-fill-mode:forwards}@keyframes header-on{0%{opacity:0;top:-70px}to{opacity:1;top:0}}@keyframes header-off{0%{opacity:1;top:0}to{opacity:0;top:-70px}}#home-container{height:100vh;width:100%;background-color:var(--main-background-color);position:relative;z-index:10;color:#fff}#home-container h1{font-weight:100;text-align:center;padding-top:100px}#home-container #inner-container{display:flex;width:100%;height:100px}#home-container #inner-container .box{width:50%;height:100%;background-color:var(--main-yellow-color)}