html,body{height:100%;margin:0}body{background-color:#747474;color:#fff;display:flex;flex-direction:column;min-height:100vh}header{display:flex;align-items:center;justify-content:center;position:relative}.header-content{display:flex;flex-direction:column;align-items:center}#info{position:absolute;top:15px;left:15px;font-family:Courier New,Courier,monospace;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.6)}main{flex:1;padding:20px;display:flex;flex-direction:column;align-items:center}.container{flex:1;display:flex;flex-direction:column}nav ul{list-style:none;display:flex;justify-content:center}nav ul li{display:inline-block;padding:0 15px}nav ul li a{color:#fff;text-decoration:none;font-family:Courier New,Courier,monospace;font-weight:700;font-size:1.3rem;background-color:transparent;border-radius:5px;padding:10px}nav ul li a:hover{background-color:#5f5e5e}h1{display:flex;justify-content:center;font-family:Courier New,Courier,monospace;font-size:2rem;text-shadow:2px 2px 4px rgba(0,0,0,.6)}main h2{display:flex;justify-content:center;text-decoration:underline;font-family:Courier New,Courier,monospace;font-size:1.5rem}main p{font-family:Courier New,Courier,monospace;font-size:1.2rem;max-width:600px}footer.main-footer{display:flex;justify-content:center;background-color:#5f5e5e;padding:20px 0;margin:0;box-sizing:border-box}.image-flex{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;width:100%;max-width:1000px}.image-flex picture{flex:0 0 45%;max-width:45%;height:700px;overflow:hidden}.image-flex img{width:100%;height:100%;object-fit:cover;display:block}@media(max-width:600px){.image-flex picture{flex:0 0 100%;max-width:100%;height:700px}}