*{box-sizing:border-box;margin:0;padding:0}.code{font-size:16px;background:#d8d8d8;padding:0 5px;border-radius:5px}body{padding:0;height:100vh;background-color:#fff;font-family:Rubik,sans-serif}.page__header{position:fixed;top:0;left:0;width:100%;background-color:#fff;z-index:100;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem 1rem;box-shadow:0 2px 4px #0000000d}.header__logo img{width:100px;display:block}.nav__list{display:flex;gap:1.5rem;list-style:none;padding:0;margin:0;align-items:center}.nav__item a{text-decoration:none;color:#000;font-size:.9rem;font-weight:500}@media(min-width:768px){.page__header{flex-direction:row;justify-content:space-between;height:80px;padding:0 1.5rem}.header__logo img{width:100px}}@media(min-width:1024px){.header__logo img{width:110px}.nav__list{gap:1.5rem}}.page__footer{position:fixed;left:0;bottom:0;width:100%;padding:1.5rem;background-color:#000;color:#999;text-align:center;font-size:1.2rem;z-index:10}@media(min-width:768px){.page__footer{padding:1rem 3rem;font-size:1.4rem}}@media(min-width:1024px){.page__footer{padding:1rem 5rem;font-size:1.4rem}}.main__list{padding-left:2rem;padding-bottom:20px}.page__main{height:100dvh;width:100%;margin:0;padding:0;background-image:url(../images/background.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;display:flex;justify-content:flex-start;align-items:center;color:#fff;text-align:left}.main__title{font-weight:700;font-size:2rem;line-height:1.2;max-width:20rem;margin-left:1.6rem}@media(min-width:768px){.main__title{font-weight:700;font-size:2.5rem}}@media(min-width:1024px){.main__title{font-weight:900;font-size:3.1rem}}