@font-face {
  font-family: "deltablock";
  src: url("../font/deltablock/DeltaBlock-Regular.ttf");
}
opinion {
  font-family: "deltablock";
}

/* elements */
h2 {
  text-align: center;
}

hr {
  size: 3px;
}


header {
  text-align: left;
  text-indent: 0%;
  color: antiquewhite;
  font:bolder;
}
ul {
  display: table;
  margin: 0 auto;
}

ul li {
  font-size: larger;
}

ol {
  display: table;
  margin: 0 auto;
}

ol li {
  font-size: larger;
}

.textPage {
  border: solid 5px;
  border-color: #FFA7D5;
  border-radius: 15px;
  background-color: #2c2c2c;
  text-align: center;
  text-indent: 5px;
  color: #e8e8d3;
}

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

/* this one is used for other things that arent images like banners */
.center {
  margin-left: auto;
  margin-right: auto;
}

table, th, td {
  border: 1px solid;
  width: 30%;
}

input[type=checkbox] {
  font-size: larger;
}

.codebox {
  border:1px solid black;
  background-color:#1b1b1b;
  width:30%;
  overflow:auto;    
  padding:10px;
}
.codebox code {
  text-align: left;
}

cite {
  text-align: center;
  font-size: xx-small;
}
#imgCenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#images {
      line-height: 0;

      -webkit-column-count: 5;
      -webkit-column-gap: 0px;
      -moz-column-count: 5;
      -moz-column-gap: 0px;
      column-count: 5;
      column-gap: 0px;
}  
#images img {
  width: 100% !important;
  height: auto !important;
}

#images img:hover {
  transform: scale(1.2);
}