header{overflow:hidden;background-color:transparent;width:100%;z-index:1000;padding:20px 140px}ul{display:flex;gap:40px}li span{font-family:Francois One,sans-serif;font-weight:400;text-transform:uppercase;font-style:normal;font-size:24px;background:-webkit-linear-gradient(#ff9c15,#fdd957);-webkit-background-clip:text}li span,li span:hover{-webkit-text-fill-color:transparent}li span:hover{background:-webkit-linear-gradient(#fdd957,#f8f8f8);-webkit-background-clip:text}.header-actions{gap:40px}.header-mobile{display:none}.header-button{display:flex;gap:20px}.header-button button{border-radius:40px;padding:15px 20px;box-shadow:0 3px 10px rgba(0,0,0,.2);background-color:rgba(26,26,26,.7)}.header-button button span{font-family:Francois One,sans-serif;font-weight:400;text-transform:uppercase;font-style:normal;font-size:24px;line-height:110%;background:-webkit-linear-gradient(#ff9c15,#fdd957);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-button button:hover{background-color:#fdc744}.header-button button:hover span{background:-webkit-linear-gradient(#000,#010101);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-socialBox h2{font-family:Francois One,sans-serif;font-weight:400;text-transform:uppercase;font-style:normal;font-size:21px;color:#fff}.header-social{gap:10px}.header-social a:hover{scale:1.2}.header-btnHamburger{display:none}@media only screen and (min-width:900px)and (max-width:1190px){header{padding:20px 60px}ul{gap:20px}ul li span{font-size:22px}.header-actions{gap:30px}.header-socialBox h2{font-size:18px}.header-button button span{font-size:22px}}@media only screen and (min-width:150px)and (max-width:900px){header{padding:15px 60px;position:fixed;z-index:100;top:0;right:0}ul{gap:20px}ul li span{font-size:20px}.header-btnHamburger{display:flex;justify-content:end}.header-btnHamburger img{z-index:250}.header-desktop{display:none}.header-mobile{display:block;position:fixed;transform:translateY(-100%);transition:transform .4s;top:0;left:0;right:0;bottom:0;z-index:200!important;background:hsla(0,0%,9%,.961);color:#fff;list-style:none;padding-top:4rem}.header-showMenu{transform:translateY(0)}.header-actions{gap:20px}.header-socialBox{gap:10px}.header-socialBox h2{font-size:20px}.header-button{padding:20px 0}.header-button button{box-shadow:0 3px 10px rgba(0,0,0,.2);background-color:hsla(0,2%,60%,.2)}.header-button button span{font-size:20px}}@media only screen and (min-width:500px)and (max-width:700px){header{padding:20px 40px}}@media only screen and (min-width:150px)and (max-width:500px){header{padding:20px}}