* {
        margin: 0;
    }

body {
  color: black;
  font-family: "Courier New", "Lucida Console", Monospace;
  background-image: url("/backgrounds/redchevron2.png");
  background-color: orange;
 }
	
p {
 margin: 1em 0px;
}
	
.header {
padding: 10px;
width: 100%;
background-color: #80250c;
color: #b59589;
text-align:center;
}

.banner{
 width:50%; 
 margin: 0 auto;
}

.title{
  font-size: 210%;
}
	
.links{
  display: flex;
  justify-content: center;
  font-size: 120%;
}

.links a{
text-decoration: none;
color: #b59589;
}

.links a:hover{
text-decoration: underline;
}

.button{
 padding: 0px 4px; 
}

.dropdown{
 position: relative;
 display: inline-block;
}

.dropdowncontent{
 display: none;
 position: absolute;
 background-color: rgba(128, 37, 12, .95);
 color: #b59589;
 width: 100%;
 overflow: auto;
 z-index: 1;
}

.dropdowncontent a {
 text-decoration: none;
 color: #b59589;
 padding: 4px 0px;
 display: block;
 font-size: .75em;
}

.dropdowncontent a:hover{
text-decoration: underline;
}

.dropdown:hover .dropdowncontent {
  display: block;
}

.divider{
 border-left: 1px solid #b59589;
 height: auto;
 margin: 0 2px;
}

.box {
  background-color: rgba(163, 26, 11, .25);
 border: 3px solid #da6e3f;
 border-radius: 25px;
  position: relative;
  top: 30px;
  color: #d7b7ab;
  padding: 10px;
  margin-bottom: 100px;
}

.boximg {
 float: right; 
}