@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&display=swap");body,html{width:100%;height:100%}body{font-family:Arial,sans-serif;margin:0;padding:0;box-sizing:border-box;background-color:#000}.header{width:100%;height:100%;background-image:url("media/header.jpg");background-size:cover;background-position:center;position:relative;display:flex;justify-content:center}.header:before{content:"";position:absolute;inset:0;background-color:#000;opacity:0.8}.header-inner{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:20px;margin-top:20vh}.header-inner .logo{max-height:10em}@media (min-width:400px){.header-inner .logo{max-height:12em}}@media (min-width:600px){.header-inner .logo{max-height:14em}}.header-inner h1{color:#fff;font-family:"Cinzel";font-size:1.5em}@media (min-width:400px){.header-inner h1{font-size:2em}}@media (min-width:600px){.header-inner h1{font-size:3em}}.header-inner nav ul{display:flex;gap:40px;margin:0 auto;font-size:24px;padding:10px 0;list-style-type:none}.header-inner nav ul li{display:flex;align-items:center}.header-inner nav ul li a{color:white;text-decoration:none;display:flex}.header-inner nav ul li a img{height:1.5em}@media (min-width:600px){.header-inner nav ul li a img{height:2em}}