body{
font-family: Arial, sans-serif;
margin:0;
background: linear-gradient(to bottom, #0a3d91, #1e90ff);
color:white;
text-align:center;
}

header{
background:#c8102e;
padding:20px;
text-align:center;
}

nav{
display:flex;
justify-content:center;
}

nav a{
color:#ffd700;
margin:15px;
text-decoration:none;
font-weight:bold;
transition:0.3s;
}

nav a:hover{
color:white;
transform:scale(1.1);
}

main{
padding:20px;
display:flex;
flex-direction:column;
align-items:center;
}

img{
width:300px;
border-radius:10px;
box-shadow:5px 5px 10px black;
margin:10px;
border:4px solid #ffd700;
}

ul{
list-style-position:inside;
}

table{
border-collapse:collapse;
width:60%;
margin:auto;
}

table, th, td{
border:2px solid #ffd700;
padding:10px;
text-align:center;
}

th{
background:#c8102e;
}

.gallery{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:15px;
justify-items:center;
}

footer{
background:#ffd700;
color:#c8102e;
text-align:center;
padding:10px;
margin-top:30px;
font-weight:bold;
}