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

/*containers*/

.title {
  position: relative;
  height: 200px;
  width:1000px;
  margin-left: 250px;
  margin-top: -500px
}

.main {
  position: relative;
  height: 500px;
  width: 1000px;
  margin-left: 250px;
}

.directorycontainer {
  position: relative;
  width: 200px;
  height: 500px;
}


.review {
 position: relative;
 width: 335px;
}

.reviewimg {
  position: relative;
  height: 100px;
  width: 100px;
  border: 2px solid black;
  border-radius: 2px
}

.reviewheader {
  position: relative;
  height: 100px;
  width: 200px;
}

.reviewtxt {
  position: relative;
  width: 305px;
}

.reviewimg , .reviewheader {
 display: inline-block; 
}

/*boxes*/

.box {
 position: relative;
  display: inline-block;
  vertical-align: top;
  background-image: url("/boxbackground1.png");
  border: 3px solid black;
  border-radius: 5px; 
}

.directory {
  height: 250px;
  width: 230px;
  padding: 5px 5px 5px 5px;
}

.titlebox {
  height: 150px;
  width: 750px;
  padding: 10px 10px 10px;
}

.mainleft {
  height: 500px;
  width: 345px;
  padding: 10px 10px 10px;
}

.mainright {
  height: 500px;
  width: 345px;
  padding: 10px 10px 10px;
}

.mainleft , .mainright {
  margin: 0px 10px 0px ;
}

/*design shit*/

.directoryboxwhite {
  position: relative;
  background-color: white;
  border: 2px solid black;
  height: 230px;
  width: 215px;
  padding: 5px 5px 5px;
  border-radius: 5px;
}

.thetitle {
 height: 100px;
 width: 150px;
 margin-left: 250px;
 margin-top: -23px;
 
}

.titleboxwhite {
  position: absolute;
  background-color: white;
  border: solid black;
  border-radius: 5px;
  height: 145px;
  width: 745px;
}

.titleboxtext {
  position: absolute;
  height: 72px;
  width: 745px;
  margin-left: -245px
  
}

.leftboxwhite {
 position: relative;
 background-color: #D3E7F0;
 border: solid black;
 border-radius: 5px;
 height: 480px;
 width: 325px;
 padding: 5px;
}

.rightboxwhite {
 position: relative;
 background-color: #D3E7F0;
 border: solid black;
 border-radius: 5px;
 height: 480px;
 width: 325px;
 padding: 5px;
}

.leftboxwhite , .rightboxwhite {
display: inline-block;
margin: 5px 5px 5px;
vertical-align: top;
overflow: auto;
overflow-x: hidden;
}

.scrollbox {
 height:  490px 
}

.button {
    background-image: url("/neocitiesbutton.png");
    width: 200px;
    border: 2px solid gray;
    border-radius: 5px;
    display: inline-block;
    padding: 5px;
    margin-bottom: 5px;
    filter: drop-shadow(0 0 2px black)
}

.button:hover {
  filter: invert(1)
  drop-shadow(0 0 2px black);
}

a {
  color: black;
  text-shadow: 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white;
  font-size: 18px;
}

a1 {
  color: black;
  text-shadow: 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white;
  font-size: 10px;
}