@font-face {
  font-family: "FreePixel";
  src: url("FreePixel.ttf");
}

body {
  background-color: #121212;
  background-image: url('Images/strawbee.png');
  color: white;
  font-family: Verdana;
  }

main {
  width: 100%;
  max-width: 1080px;
  margin: 2em auto;
}

h1 {
  font-family: 'VT323', monospace;
  font-weight: normal;
  font-size: 4em;
  text-align: center;
  }
  
h2 {
  font-family: 'MS Gothic';
  text-align: center;
  font-weight: normal;
  }
  
h3 {
  font-family: 'MS Gothic';
  text-align: left;
  font-size: 1.2em;
  font-weight: normal;
}
  
p {
  font-family: "MS UI Gothic", Tahoma;
  }

ul {
  list-style-type: none;
  font-family: "MS UI Gothic", Tahoma;
}

li 
{
  font-family: "MS UI Gothic", Tahoma;
  }

a {
  outline: none;
  text-decoration: none;
  padding: 0px 0px 0;
  
}

a:link {
  color: white;
  font-family: "MS UI Gothic";
}

a:visited {
  color: white;
}



article 
  {
    float: left;
    box-sizing: border-box;
    background-color: #807175;
    margin-bottom: 25px;
    padding: 10px 20px 22px;
    width: 810px;
    
    }
  
aside
  {
    float: right;
    margin-bottom: 25px;
    box-sizing: border-box;
    padding: 10px 20px 22px;
    width: 25%;
    }
    
nav
  {
    background-color: #807175;
    padding: 10px 20px 22px;
    width: 100%;
    }