<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background: #f3f6fa;
}


#header {
background: #003366;
padding: 15px;
color: white;
text-align: center;
}


#container {
display: flex;
}


#side-menu {
width: 220px;
background: #dce4ef;
padding: 15px;
}


#side-menu ul {
list-style: none;
padding: 0;
}


#side-menu li { margin-bottom: 10px; }


#side-menu a {
text-decoration: none;
color: #003366;
font-weight: bold;
}


.info-box {
margin-top: 20px;
padding: 10px;
background: #bfcfe6;
border-radius: 5px;
}


#content {
flex: 1;
padding: 20px;
}


.img {
width: 100%;
border-radius: 6px;
margin-top: 10px;
}


#footer {
background: #003366;
color: white;
text-align: center;
padding: 10px 0;
margin-top: 20px;
}
</style>