@font-face {
  font-family: 'FreePixel';
  src:  local('FreePixel'), url('FreePixel.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}  
body{
background-image: url('https://images3.alphacoders.com/106/thumb-1920-1062420.jpg');
font-family: "FreePixel";
}
h3{
 margin: 0; 
}

.headstop{
margin: 25px 0 25px 0;
}
.overhead{
display: flex;
flex-direction: row;
flex-wrap: wrap;
outline: 1px solid black;
margin: 0 300px 0 300px;
background: rgba(50,50,50,0.45);
border-radius: 35px 35px 0 0;
justify-content: center;
align-items: center;
min-height: 100px;
}
.headertext{
 font-size: 36px;
 color: white;
 text-shadow: 3px 2px 2px black;
 font-weight: bold;
 text-align: center;
 flex: 1 1 0;
 min-width: 0;
}
.headertext h3{
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.spacer{
  margin: 25px 0 25px 0;
}
.mainbody{

}