body {
  background-color: #f0f2f5;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 300;
  color: black;
  width: 1100px;
  height: 700px;
  margin: 0px auto;
  padding: 19px 0px 0px 0px;
}

.wrapper {
  width:82%;
  max-height:600px;
  float:right;
  display: flex;
  flex-wrap: wrap;
  overflow: scroll;
}

.wrapper p b{
 padding-top:4px; 
}

.blockone, .blocktwo, .blockthree{
  padding: 0px 10px 0px 0px;
  max-height: 650px;
}
.blockone{
 flex:1; 
}
.blocktwo{
 flex:2;
}
.blockthree{
 flex:1; 
}

.blockthree img{
 width: 230px; 
}

.game img{
  float:left;
  width: 100px;
  padding: 5px;
  padding-left: 0px;

}
.game{
    padding: 10px;
    padding-left: 0px;
    padding-bottom:10px;
}

p{
 line-height: 18px;
 margin: 5px 0px;
}

h3{
 color: white;
 background-color: black;
 font-size: 18px;
}

html {
background-color:black; 
background-image: url('bg.png');
background-size: 75% 75%;
}

.menu nav ul li{
  width: 150px; 
}

nav{
 display: block;
 float: left;
 margin-left: 20px;

}

.wrapper p{
    margin: 0px;
}

.menu ul { 
  list-style-type: none;
  position: fixed;
  margin: 0;
  padding-left: 10px;

  }
  
.menu ul{
  padding: 20px 6px 20px;
  border: 2px #252A38;
  border-style: dotted;
  margin: 5px;

}
.menu li a, .wrapper p a, a {
    text-decoration: none;
    color: black;
}

.menu ul li a:hover, .wrapper p a:hover, a:hover {
  background-color: black;
  color: white;
}

.menu h4{
 margin: 0px; 
 font-size: 17px;
 padding:3px;
}

.photo img{
 width: 400px;
 padding: 5px;
 margin: 5px;
}

.title{
 font-weight: 500;
 font-size: 17px;
 margin-top:10px;
}