.header{background-color:hsla(0,0%,100%,.85);width:100%;font-size:17px;position:fixed;top:0;z-index:20;box-shadow:0 0 50px 10px rgba(0,0,0,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap}.header-wrapper{box-sizing:border-box;height:75px;width:min(90%,clamp(600px,80vw,1200px));margin:0 auto}.header-wrapper,.header__logo{display:flex;justify-content:space-between}.header__logo{height:40px;width:250px;margin:auto 0}.header__dropdown{display:inline-block;position:relative;margin:auto 0}.header__dropdown__content{width:clamp(250px,400px,40vw);display:flex;justify-content:space-between}.header__dropdown__button{display:none;cursor:pointer;position:relative}.fake-navbar{height:75px}@media screen and (max-width:60rem){.header__dropdown{width:150px;display:flex;justify-content:end}.header__dropdown__button{display:inline-block}.header__dropdown__content{display:none;width:150px;color:#e15160;position:absolute;right:0;border-radius:10px;font-size:20px;top:100%;background-color:#fff;padding:20px;box-shadow:0 0 50px 10px rgba(0,0,0,.2)}.header__dropdown__content>*{display:block}.header__dropdown:hover .header__dropdown__content{display:flex;flex-direction:column;gap:10px}}.footer{background-color:rgba(0,0,0,.85);color:hsla(0,0%,100%,.7);padding:35px 0;height:-moz-fit-content;height:fit-content;font-size:13px}.footer__line{width:100%;position:absolute;bottom:0;height:3px;background:linear-gradient(90deg,#e15160,#72bdff)}.footer-wrapper{width:min(90%,clamp(600px,80vw,1200px));height:100%;margin:0 auto;display:flex;justify-content:space-around;align-items:center;gap:20px}.footer__about{width:80%;max-width:600px}.footer__about img{margin-right:10px}.footer__about p{margin-left:40px}.footer__content{height:100%;display:flex;flex-direction:column;justify-content:space-between}.footer h3{font-size:18px;font-weight:400;color:#fff}@media screen and (max-width:40rem){.footer__about__logo{display:none}.footer__about p{margin:0}}*{box-sizing:border-box;padding:0;margin:0;font-family:Roboto,sans-serif;position:relative}body,html{max-width:100vw;overflow-x:hidden}h1,h4{color:rgba(0,0,0,.85)}h2{color:#e15160;font-weight:400;width:100%;font-size:30px;line-height:50px}.card{background-color:#fff;border-radius:10px;box-shadow:0 0 50px 10px rgba(0,0,0,.2);padding:40px}a{color:inherit;text-decoration:none}h1{font-size:40px}@media screen and (max-width:40rem){h1{font-size:25px}h2{font-size:20px}}