/*███████╗██╗   ██╗ ██████╗██╗  ██╗*/

/*██╔════╝██║   ██║██╔════╝██║ ██╔╝*/

/*█████╗  ██║   ██║██║     █████╔╝ */

/*██╔══╝  ██║   ██║██║     ██╔═██╗ */

/*██║     ╚██████╔╝╚██████╗██║  ██╗*/

/*╚═╝      ╚═════╝  ╚═════╝╚═╝  ╚═╝*/



@font-face {

  font-family: "Righteous";

  src: url("Righteous.ttf") format("truetype");

}

@font-face {

  font-family: "Plaza";

  src: url("Plaza Regular.ttf");

}



body {

  font-family: Calibri, CalibriDownload, sans-serif;

  font-size: 18px;

  background-color: black;

  background-image: url("space.gif");

  color: white;

  text-align: center;

  padding-left: 10%;

  padding-right: 10%;

  margin: 0;

}



div {

  background-color: black;

}



p {

  padding-top: 5px;

}



h1 {

  font-family: "Righteous";

  color: #f4cc34;

  font-size: 2.5em;

  letter-spacing: 2px;

}



h1 img {

  max-width: 100%;

  border: 5px solid #f4cc34;

  border-radius: 5px;

  padding: 0;

  margin: 0;

}



h2 {

  font-family: "Plaza";

  font-size: 2em;

}



table {

  margin: 0 auto;

  padding: 0;

}



th {

  float: left;

}



li {

  list-style-type: none;

  display: inline-block;

  text-align: center;

}



ul {

  padding-right: 2em;

}



a:link {

  color: #fecb00;

}



a:visited {

  color: #b28a28;

}



img {

	max-width: 100%;

}



span {

  width: 480px;

  transform: none;

}



li a img {

  width: 100%;

}



li > a img:active {

  position: relative;

  top: 5px;

}



li figure a img {

  width: 300px;

}



h1 a img,

.desktoptable img,

figure a img {

  max-width: 100%;

  border: 5px solid #f4cc34;

  border-radius: 5px;

  display: inline-block;

}



a img:active {

  border-color: #1aaaea;

}



a:active {

  color: #1aaaea;

}



smalltext {

  font-size: 14px;

}



smallertext {

  font-size: 10px;

}



nav {

  font-size: medium;

}



.tailsfixed {

  position: fixed;

  bottom: 0;

  left: 0;

  float: left;

  width: 12%;

}



.bottomtext {

  padding-left: 5em;

  padding-right: 5em;

}



  .headertext {

    padding-left: 5em;

    padding-right: 5em;

  }



  .maintext {

    padding-left: 5em;

    padding-right: 5em;

  }





@media only screen and (max-width: 767px) {

  p a img {

    width: 97%;

    padding-left: 0.5em;

  }

  .tailsfixed {

    width: 10%;

  }

  a,

  smallertext {

    text-align: center;

  }

  table a img {

    max-height: 90px;

    width: 90px;

  }

  .desktoptable {

    display: none;

  }

  .desktable {

    display: none;

  }

  .otherup {

    padding-right: 25%;

  }

  .bottomtext {

    padding-left: 5%;

    padding-right: 5%;

  }

  .headertext {

    padding-left: 5%;

    padding-right: 5%;

  }

  .maintext {

    padding-left: 5%;

    padding-right: 5%;

  }

  body {

    padding-left: 1em;

    padding-right: 1em;

  }

  td img {

    width: 100%;

  }

  .fuck {

    width: 175px;

  }

  table {

    border-spacing: 0px 0px;

  }

  figure {

    display: inline-block;

  }

}



@media only screen and (max-width: 1413px) {

  ul a img {

    width: 150px;

  }

}



@media only screen and (min-width: 768px) {

  .mobiletable {

    display: none;

  }

  .fuck {

    width: 175px;

  }

}



.column {

  float: left;

  padding: 5px;

}



.row::after {

  content: "";

  clear: both;

  display: table;

}