#logo{background:url(../img/logo.png) no-repeat 50%/auto 94%;width:150px}#logo,nav{height:60px}nav{align-items:center;display:flex;justify-content:space-between;padding:0 12%;position:fixed;width:100%;z-index:11}nav,ul.menu.open{background:#471e15f2}ul.menu.open li{border-bottom:1px solid hsla(0,0%,100%,.1)}#menuButton{background:none;border:none;cursor:pointer;display:none;flex-direction:column;height:24px;justify-content:space-between;padding:0;width:30px}#menuButton span{background:#e7e7e7;border-radius:2px;display:block;height:4px;width:100%}@media (max-width:768px){#menuButton{display:flex}}.menu{display:flex;gap:20px;list-style:none;padding:0;z-index:10}.menu,.menu li{margin:0}.menu li a{color:#fff;display:block;padding:10px;text-decoration:none}@media (max-width:768px){.menu{background:teal;display:none;flex-direction:column;gap:0;left:0;position:absolute;top:100%;width:100%}.menu.open{display:flex}}header{background:url(../img/header.jpg) no-repeat 50%/cover;height:500px;padding:120px 12%;position:relative}.site-branding{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);max-width:460px}.site-branding a{background:brown;border:0;border-radius:3px;box-shadow:2px 2px 4px #043b5c80;color:#fff;margin-right:15px;margin-top:3px;padding:8px 10px}#app{backgrounD:orange}