header{box-sizing:border-box;background:#fff;border-radius:100px;justify-content:space-between;align-items:center;width:80%;max-width:1310px;margin:0 auto;padding:10px;display:flex;box-shadow:0 10px 80px #395bdb40,0 10px 40px #395bdb24,0 5px 10px #395bdb4d}.headerlogo{cursor:pointer;align-items:center;gap:10px;display:flex}.headerlogo img{width:max-content}.headerlogo h1{color:#395bdb;margin:0;font-size:18px;font-weight:600}nav{align-items:center;display:flex}nav ul{align-items:center;margin:0;padding:0;list-style:none;display:flex}header ul li{color:#141414;cursor:pointer;font-size:16px;font-weight:500;margin:0!important}header ul li button{cursor:pointer;padding:10px 20px;text-decoration:none;transition:all .4s;position:relative}header ul li button:before{content:"";background-color:#3a41fe;width:0;height:2px;transition:width .4s;position:absolute;bottom:0;left:0}header ul li button:hover{color:#3a41fe}header ul li button:hover:before{width:90%;left:5%}header .register-login{align-items:center;gap:5px;display:flex}header .register-login button{box-sizing:border-box;background:0 0;border:none;border-radius:100px;outline:none;padding:8px 20px;transition:all .3s}.register-login .sign-up{color:#fff;background:radial-gradient(62.14% 62.14% at 50.29% 100%,#6f74ff 0%,#3a41fe 100%)}.header-sign-in:hover{color:#3a41fe;border:1px solid #3a41fe}.header-sign-in{border:1px solid #0000;border-radius:100px}@media screen and (max-width:1366px){.headerlogo img{width:30px}.headerlogo h1{font-size:16px}header ul li,header button{font-size:14px}}@media screen and (max-width:1152px){header{width:90%}}@media screen and (max-width:1024px){header{width:95%}.headerlogo img{width:25px}.headerlogo h1{font-size:14px}header ul li,header button{font-size:12px}header ul li a{padding:8px 12px}}@media screen and (max-width:800px){header nav{display:none}}@media screen and (max-width:600px){header button{font-size:14px}.headerlogo h1{font-size:16px}}