:root {
     --dk-color: #dcbab5;
     --mid-color: #e5c3bd;
     --lt-color: #fdf6f5;
     --dkest-color: #7d5a55;
     --accent: #6d857d;
}

html, body {
     margin: 0;
     padding: 0;
     padding-top: 25px;
     height: 100%;
     font-family: 'Georgia', serif;
     font-size: 12px;
     background-image: url('https://i.pinimg.com/1200x/a7/ad/ba/a7adbad2bc7bbe526ad15dc49dc76277.jpg');
     background-repeat: repeat;
     background-attachment: fixed;
     color: #7d5a55;
}

body a {
     color: #6d857d;
     font-weight: bold;
     text-decoration: none;
}

#container {
     max-width: 900px;
     margin: 0 auto;
     height: auto;
     background-color: rgba(253, 246, 245, 0.9);
     margin-top: 15px;
     border: 1px solid #7d5a55;
     box-shadow: 0 0 15px rgba(0,0,0,0.05);
}

#header {
     max-width: 1000px;
     height: auto;
     margin: 0 auto;
     background-color: #dcbab5;
     border-bottom: 1px solid #7d5a55;
}

.title {
     font-size: 40px;
     text-align: center;
     font-style: italic;
     padding: 20px;
     color: white;
     text-shadow: 1px 1px #7d5a55;
}

.navbar {
     background-color: #fdf6f5;
     border-bottom: 1px solid #7d5a55;
     padding: 10px 0;
     text-align: center;
}

.navbar ul {
     list-style-type: none;
     margin: 0;
     padding: 0;
     display: flex;
     justify-content: center;
}

.navbar li {
     position: relative;
     display: inline-block;
}

.navbar a {
     padding: 10px 20px;
     color: #6d857d;
     font-weight: bold;
}