:root,body,html{font-family:SpaceGrotesk-Medium,sans-serif;font-size:16px}body,html{margin:0;line-height:1.4em;background-color:#f0ece6}main{padding-bottom:120px}#app{position:relative;min-height:100vh}h1{margin-bottom:1.8rem}.container{max-width:1024px;padding:2rem;margin:0 auto;@media screen and (min-width:480px){padding:2rem 4rem}}header{background-color:#fff}.header__logo{width:120px}@media screen and (min-width:480px){.header__logo{width:200px}}footer{color:#fff;position:absolute;bottom:0;width:100vw;background-color:#5f77f3;text-align:center}.footer__logo{width:120px;margin:0 auto}.footer__copyright{text-align:center;line-height:2.5rem}ul.footer__navigation{margin:0;padding:0;list-style:none}.footer__navigation a{color:#fff}.container--footer{display:grid;gap:1rem;justify-content:center}@media screen and (min-width:560px){.container--footer{grid-template-columns:120px auto 120px;justify-content:space-between}}