body {
  height: 100%;
  background-image: url(/img/95.jpg);
   image-rendering: pixelated; 
  background-size: 125%, contain; 
  background-position: center;
  background-repeat: repeat;
  font-family: MS UI Gothic;
  color: #123456;
  letter-spacing: 0px;
  font-size: 16px;
  line-height: 18px;
}

section {
  display: grid;
  grid-template-columns: 700px;
  justify-content: center;
  column-gap: 10px; 
}

back {
  width: 700px;
  border-radius: 12px;
  background-image: url(/img/backtile.png);
  background-repeat: repeat;
}

cols {
  margin: -10px;
  padding: 20px;
  display: grid;
  grid-template-columns: 3fr 1fr;
  grid-template-rows: 1fr;
  grid-column-gap: 5px;
  grid-row-gap: 0px; 
}

h1 {
 font-family: Times;
 color: #9977cc;
 text-shadow: 1px 1px black;
 font-size: 28px;
}

/* I HAD TO CHANGE IT FROM WEEZER BLUE. THE PAIN..... */
a:link, a:visited {
  color: #0083B4;
}
a:hover {
  color: #1cbcbc;
}
a:active {
  color: #e02435;
}

#header {
   display: block;
 margin: auto;
 width: 700px;
 height: 200px;
 margin-top: 10px;
 margin-bottom: 10px;
 border-radius: 12px;
}

#left {
  grid-area: 1 / 1 / 2 / 2;
  background-color: #e2e2e2;
  padding: 8px; 
  background-image: url(/img/backtile2.png);
  border: 2px dotted white;
}
#right {
  grid-area: 1 / 2 / 2 / 3;
  background-color: #e2e2e2;
  text-align: center;
  padding: 8px;
  background-image: url(/img/backtile2.png);
  border: 2px dotted white;
}