.header{position:absolute;width:100%;top:65px;left:0;z-index:100}.header::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--text-light);box-shadow:0 .5rem 1rem rgb(0 0 0 / .5);z-index:-1}.header .container{display:flex;justify-content:space-between;align-items:center;margin:0 auto;padding:0 5% 0 10%}.header .container .logo{-webkit-user-select:none;-ms-user-select:none;user-select:none;float:left;height:60px;position:relative}.header .container .logo::after{content:"";position:absolute;top:49%;transform:translate(-50%,-50%);background-color:var(--text-light);width:150px;height:150px;border-radius:50%;margin-left:70px;z-index:-1}.header .container .logo img{position:absolute;top:-40px}.header .icons{position:absolute;right:5%;font-size:2.8rem;color:var(--text-light);cursor:pointer;display:none}.header #check{display:none}.header .navbar ul{list-style-type:none;margin:0;padding:0}.header .navbar ul li{display:inline-block}.header .navbar a{text-decoration:none}.header .navbar span{font-size:1.15rem;color:var(--text-dark);font-weight:500;margin:1.5rem 0 1.5rem 1.5rem}.header .navbar a.active span,.header .navbar a:hover span{padding-bottom:5px;border-bottom:3px solid var(--header-name-border-color)}@media (max-width:1023px){.header .container{padding:0 5% 0 5%}.header .icons{display:inline-flex}.header #check:checked~.icons #menu-icon{display:none}.header .icons #close-icon{display:none}.header #check:checked~.icons #close-icon{display:block}.header .navbar{position:absolute;top:175%;left:0;width:100%;height:0;background-color:var(--text-light);backdrop-filter:blur(50px);overflow:hidden;transition:0.3s ease}.header #check:checked~.navbar{height:19rem}.header .navbar ul li{display:block;margin:1.5rem 0;text-align:center;transform:translateY(-50px);opacity:0;transition:0.3s ease}.header #check:checked~.navbar ul li{transform:translateY(0);opacity:1;transition-delay:calc(0.15s * var(--i))}}