header{background-color:#1C3B33;text-align:center;padding:20px;display:flex;flex-direction:column;align-items:center}header h3{color:#DDB76A;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:2rem;margin-bottom:10px}.header-logo{width:100px;height:100px;border-radius:100%;margin-bottom:15px}header nav ul{list-style:none;color:#DDB76A;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:15px;font-weight:700;padding:0;margin:0}header nav ul li{padding:8px 12px;border-radius:10px;transition:background-color .3s ease}header nav ul li:hover{background-color:black}@media (max-width:768px){header{padding:15px}header h3{font-size:1.6rem}.header-logo{width:80px;height:80px}header nav ul{flex-direction:row;gap:10px}header nav ul li{padding:10px;width:100%;background-color:#1C3B33;border:1px solid #ddb76a}header nav ul li:hover{background-color:#2d5247}}