body{background:url(/logo.png) 50%/cover no-repeat fixed;margin:0;padding:0;font-family:Arial,sans-serif}.main{background-color:#fffc;border-radius:10px;margin:20px;padding:20px}h1,h2{color:#333}p{color:#555}nav{background-color:#333;border-radius:5px;padding:10px}nav ul{justify-content:space-around;margin:0;padding:0;list-style:none;display:flex}nav ul li{background-color:#444;border-radius:5px;margin:0 10px}nav ul li a{color:#fff;padding:10px 20px;font-weight:700;text-decoration:none;display:block}nav ul li a:hover{text-decoration:underline}div.content{background-color:#ffffffe6;border-radius:10px;padding:20px}@media (max-width:600px){.main{margin:10px;padding:10px}nav ul{flex-direction:column;align-items:center}nav ul li{margin:10px 0}nav ul li a{padding:10px 20px;font-size:18px}}@media (min-width:601px) and (max-width:1024px){.main{margin:15px;padding:15px}nav ul{flex-direction:row;justify-content:space-between}}@media (min-width:1025px){.main{margin:20px;padding:20px}nav ul{flex-direction:row;justify-content:space-around}}