.navbar{max-width:var(--max-width);margin:0 auto;flex-direction:row;justify-content:space-between;padding:15px 0}.logo,.navbar{display:flex;align-items:center}.logo{gap:1rem}.navbar h2{color:#fff}.downloadButton{background-color:var(--accent-color);border:1px solid var(--accent-color-light);border-radius:15px;padding:10px 30px;font-size:1rem;font-weight:600;color:#fff;cursor:pointer;box-shadow:0 0 0 0 var(--accent-color);transition:box-shadow .5s}.downloadButton:hover{box-shadow:0 0 25px 0 var(--accent-color)}@media screen and (max-width:768px){.navbar{padding:15px}.downloadButton{padding:10px 20px}}@media only screen and (min-width:768px) and (max-width:1025px){.navbar{padding:15px}}footer{max-width:var(--max-width);margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:flex-end}footer .logo{display:flex;align-items:center;gap:1rem;padding:20px 0}footer .logo h2{font-size:.8rem;font-weight:400;color:#fff}footer ul{font-size:.8rem;list-style-type:none;display:flex;gap:32px;justify-content:center;flex-wrap:wrap;padding:20px 0}footer ul>li a{color:#fff}footer ul>li:hover{text-decoration:underline}@media screen and (max-width:768px){footer{justify-content:center}footer ul>li:last-child{flex-basis:100%;display:flex;justify-content:center}}@media only screen and (min-width:768px) and (max-width:1025px){footer .logo,footer ul{padding:20px 15px}}