body {
        background: url("Background.png");
        background-size: 20%;
      }
      @font-face {
        font-family: witchwoode; /* set name */
        src: url("WadsworthIndustria.ttf"); /* url of the font */
      }
      .middle {
        background-color: black;
        
        padding:30px;
        margin: auto;
        width: 60%;
        color: white;
      }
      .links {
        width: 25%;
        float:left;
      }
      .logo {
        width: 60%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        
      }
      .rightposter {
        width: 70%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        
      }
      .link {
        width: 400px;
      }
      .title {
        background-color: black;
        color:white;
        text-align: center;
        vertical-align: middle;
        line-height: 8vw;   
        font-size: 5vw;
        font-family: witchwoode;

      }
      h1 {
        margin-top: 0px;
        margin-bottom: 0px;
      }
      /* Add a black background color to the top navigation */
.topnav {
  background-color: #222;
  overflow: hidden;
  margin: auto;
  text-align: center;
  display: flex;
  justify-content: center;
  margin-top: 10%;
  margin-bottom: 5%;
  
}

/* Style the links inside the navigation bar */
.topnav a {
  text-align: center;
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 1vw 3vw;
  text-decoration: none;
  font-size: 2vw;
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #d0a002;
  color: black;
}

/* Add a color to the active/current link */
.topnav a.active {
  background-color: #d2a202;
  color: black;
}