body {
background: #E8662B;
color: #0E0D0E;
font-family: Verdana, Arial, sans-serif;
margin: 0;
}

.page {
max-width: 750px;
margin: 40px auto;
background: #EFF0E2;
border: 3px solid #2B1814;
padding: 25px;
}

.logo {
display: block;
max-width: 300px;
width: 100%;
margin: 0 auto 20px;
}

nav {
background: #9DDCF5;
border: 2px solid #2B1814;
padding: 10px;
text-align: center;
margin-bottom: 25px;
}

nav a {
color: #2B1814;
font-weight: bold;
text-decoration: none;
margin: 0 12px;
}

nav a:hover {
text-decoration: underline;
}

h1, h2 {
color: #2B1814;
text-transform: none;
margin-top: 0;
}

.small {
color: #555555;
font-size: 13px;
}

.box {
border: 2px dotted #2B1814;
padding: 15px;
margin: 20px 0;
background: #fffdf2;
}

.release {
display: flex;
gap: 20px;
align-items: center;
}

.album-art {
width: 180px;
height: auto;
border: 2px solid #2B1814;
flex-shrink: 0;
}

a {
color: #2B1814;
}

a:hover {
opacity: 0.8;
}
.band-photo {
  display: block;
  width: 100%;
  max-width: 650px;
  height: auto;
  margin: 0 auto 20px;
  border: 2px solid #2B1814;
}