* {
  box-sizing: border-box;
  }

body {
background: #180707;
color: #f5dfd0;
font-family: Arial, sans-serif;
max-width: 900px;
margin: 0 auto;
padding: 40px 20px;
}

header {
text-align: center;
margin-bottom: 40px;
padding: 30px;
background: #2b0c0c;
border: 2px solid #762719;
box-shadow: 0 0 20px rgba(255, 80, 20, 0.15);
}

h1 {
color: #ff6a24;
font-size: 56px;
margin: 0 0 5px 0;
letter-spacing: 4px;
text-transform: uppercase;
text-shadow: 4px 4px 0 #4a120d;
}

header p {
color: #c98263;
margin: 10px 0 0 0;
letter-spacing: 2px;
}

nav {
text-align: center;
margin: 20px 0 35px 0;
}

nav a {
color: #f7c2a6;
background: #35100e;
border: 1px solid #7c2819;
padding: 10px 16px;
margin: 5px;
display: inline-block;
text-decoration: none;
font-weight: bold;
text-transform: uppercase;
font-size: 13px;
}

nav a:hover {
color: #ffffff;
background: #9e351d;
border-color: #ff6a24;
box-shadow: 0 0 10px rgba(255, 82, 25, 0.35);
}

.box {
background: #210909;
border: 2px solid #692117;
padding: 25px;
margin-bottom: 25px;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
}

h2 {
color: #ff7130;
border-bottom: 1px solid #6b2419;
padding-bottom: 10px;
margin-top: 0;
text-transform: uppercase;
letter-spacing: 2px;
}

p {
color: #e2b9a5;
line-height: 1.7;
}

footer {
text-align: center;
margin-top: 50px;
padding-top: 20px;
color: #7f5144;
border-top: 1px solid #4e1b15;
font-size: 14px;
}