body {
font-family: Arial, sans-serif;
background-color: #1381bcc9;
margin: 0;
}

header {
background-color: #222;
color: rgba(27, 124, 35, 0.642);
text-align: center;
padding: 20px;
}

nav {
background-color: #444;
text-align: center;
padding: 10px;
}

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

nav a:hover {
color: #00bcd4;
}

main {
padding: 20px;
}

.container {
max-width: 800px;
margin: auto;
background: white;
padding: 30px;
border-radius: 10px;
text-align: center;
}

.profile-photo {
width: 180px;
height: 180px;
object-fit: cover;
border-radius: 50%;
border: 4px solid #444;
margin-bottom: 20px;
}

footer {
background-color: #222;
color: white;
text-align: center;
padding: 10px;
margin-top: 20px;
}
