body {
  background-color: white;
  color: black;
  font-family: ms pgothic;
}

/*containers*/

.main {
  position: relative;
 width: 1100px;
 height: 500px;
}

.left {
 position: relative;
 width: 200px;
 height: 500px;
 margin-right: 15px;
}

.right {
  position: relative;
 width: 800px;
 height: 500px;
 margin-left: 15px;
 vertical-align: top;
}

.left, .right {
 display: inline-block; 
}

/*boxes*/

.box {
  position: relative;
  background-image: url("/boxbackground1.png");
  border: 3px solid black;
  border-radius: 5px;
  padding: 10px 10px 10px 10px;
}

.pfp {
 position: relative;
 width: 200px;
 height: 300px;
 margin: 5px 5px 5px 5px;
}

.graphics {
 position: relative;
 width: 200px;
 height: 200px;
 margin: 5px 5px 5px 5px;
}

.info {
 position: relative;
 width: 800px;
 height: 600px;
 margin: 5px 5px 5px 5px;
}

/*design*/

.pfpimage {
 width: 120px;
 height: 150px;
 border: 2px solid black;
}

.pfpwhitebox {
 width: 185px;
 height: 285px;
 background-color: white;
 border: 2px solid black;
 border-radius: 5px;
 padding: 5px 5px 5px 5px;
}

.graphicswhitebox {
 width: 185px;
 height: 185px;
 background-color: white;
 border: 2px solid black;
 border-radius: 5px;
 padding: 5px 5px 5px 5px;
}

.basicinfowhitebox {
 width: 785px;
 height: 185px;
 background-color: white;
 border: 2px solid black;
 border-radius: 5px;
 padding: 5px 5px 5px 5px;
}

.fullinfowhitebox {
 width: 785px;
 height: 385px;
 background-color: white;
 border: 2px solid black;
 border-radius: 5px;
 padding: 5px 5px 5px 5px;
 margin-top: 5px;
}

.titleimg {
width: 150px;
height: 72px;
}

t {
font-size: 10px;
}

p {
  line-height: .05;
}






.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}