@media screen and (max-width: 1020px) {
  body {
    font-size: 0.75em;
  }
}
body {
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  margin-bottom: 100px;
  text-align: center;
  background-color: #21004b;
  font-family: "Press Start 2P", cursive;
}
body div {
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  color: white;
}
body #top {
  background-color: #ff7a00;
  padding-top: 20px;
}
body #top img {
  width: 25%;
}
@media screen and (max-width: 1020px) {
  body #top img {
    width: 95%;
  }
}
body #titleDiv {
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0px;
  color: white;
  width: 45%;
}
@media screen and (max-width: 1020px) {
  body #titleDiv {
    width: 95%;
  }
}
body #titleDiv #firstTitle {
  margin-top: 50px;
}
body img {
  width: 25%;
  image-rendering: optimizeSpeed;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -o-pixelated;
  image-rendering: pixelated;
  image-rendering: optimize-contrast;
  -ms-interpolation-mode: nearest-neighbor;
}
@media screen and (max-width: 1020px) {
  body img {
    width: 95%;
  }
}
body #presentationText {
  margin: auto;
  width: 45%;
  text-align: justify;
  text-justify: distribute;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  line-height: 1.4em;
  margin-bottom: 50px;
}
@media screen and (max-width: 1020px) {
  body #presentationText {
    width: 95%;
  }
}
@media screen and (max-width: 1020px) {
  body #presentationText {
    text-align: left;
    text-justify: none;
    -webkit-box-pack: none;
        -ms-flex-pack: none;
            justify-content: none;
  }
}
body #presentationText #getTheApp {
  text-align: center;
  padding-top: 50px;
  padding-bottom: 50px;
}
body #presentationText a {
  color: inherit;
  text-decoration: none;
}
body #presentationText a:hover {
  color: #ff7a00;
}
@media screen and (max-width: 1020px) {
  body body {
    font-size: 0.75em;
  }
}
body .linkHeader {
  width: 45%;
  border-top-width: 2px;
  border-bottom-width: 2px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-color: inherit;
  margin: auto;
  margin-top: 25px;
  margin-bottom: 25px;
  padding: 1%;
  padding-left: 0px;
  padding-right: 0px;
  display: inline-block;
  text-align: center;
}
@media screen and (max-width: 1020px) {
  body .linkHeader {
    width: 95%;
  }
}
body .linkHeader p {
  display: inline;
}
body .linkHeader a {
  color: inherit;
  text-decoration: none;
}
body .linkHeader a:hover {
  color: #ff7a00;
}
@media screen and (max-width: 1020px) {
  body body {
    font-size: 0.75em;
  }
}
body #contact {
  margin: auto;
  width: 45%;
  text-align: left;
  margin-top: 100px;
  padding-top: 20px;
  border-top-width: 2px;
  border-top-style: solid;
  bottom: 0px;
  margin-bottom: 0px;
  padding-bottom: 20px;
  line-height: 1.4em;
  font-size: 0.75em;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}
@media screen and (max-width: 1020px) {
  body #contact {
    width: 95%;
  }
}
body #contact a {
  text-decoration: none;
  color: inherit;
}
body #contact a:hover {
  color: #ff7a00;
}
body #contact #social img {
  height: 30px;
  width: 40px;
}
body #contact #social #kongregate img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 0 -27px;
     object-position: 0 -27px;
  height: 30px;
  width: 28px;
}