html{
/*  background-image: linear-gradient(to right, #0c2461 ,#13307b);*/
  background-color: #13307b;
  font-family: Arial;
  scroll-behavior: smooth;
}

hr{
  color: white;
}

.upImg{
  width: 100%;
  height: 70;
}

#überschrift{
  color: white;
  text-align: center;
  font-family: Arial;
  font-size: 400%;
  letter-spacing: 5px;
}

.aboutGame{
  width: auto;
  margin-left: 10%;
  margin-right: 10%;
  margin-top: 6%;
  margin-bottom: 6%;
  color: white;
  line-height: 150%;
  font-size: 114%;
}

.heading{
  width: auto;
  margin-left: 10%;
  margin-right: 10%;
  margin-top: 4%;
  margin-bottom: 5%;
  color: white;
}

.gameScenes{
  width: 300px;
  height: 187px;
  margin-top: 0.7%;
}

.gameScenes:hover{
  cursor: pointer;
}

.navMenu{
  background-color: #0e2153;
  color: white;
  width: auto;
  margin-left: 5%;
  margin-right: 5%;
  margin-top: 2%;
  padding: 1%;
  word-spacing: 20px;
}

.navLinks{
  color: white;
  text-decoration: none;
  font-weight: bold;
  line-height: 110%;
}

.navLinks:hover{
  color: #a4b0be;
  transition-duration: 0.2s;
}

.navH{
  color: white;
  font-weight: bolder;
  font-size: 120%
}

.texts{
  line-height: 150%;
  font-size: 114%;
  color: white;
}

.downloadButton{
  padding: 15px;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #eb3b5a;
  text-decoration: none;
  color: white;
  font-family: arial;
  margin: 1.5%;
  border-radius: 7px;
  margin-bottom: 6%;
}

.downloadLines{
  margin-bottom: 3%;
}

.downloadButton:hover{
background-color: #fc5c65;
transition-duration: 0.1s;
}

.downloadText{
  font-size: 140%;
  font-family: monospace;
  font-weight: 1000;
  line-height: 200%
}

.downloadInstruction{
  margin-left: 13%;
  margin-right: 13%;
  margin-bottom: 5%;
  color: white;
  width: auto;
  line-height: 160%;
}

.email{
  border: 2px solid white;
  padding: 8px;
  border-radius: 6px;
  color: white;
  text-decoration: none;
}

.email:hover{
  text-decoration: underline;
}

.heading h1{
  text-decoration: 2px solid underline;
}

.whatsNew{
  width: auto;
  margin-left: 10%;
  margin-right: 10%;
  margin-top: 4%;
  margin-bottom: 5%;
  color: white;
  background-color: #09173b;
  padding: 0.5% 1.3% 0.5% 1.3%;
  line-height: 180%;
  border: 5px solid #56f613;
}

.whatsNewList{
  margin-left: 1.5%
}

.whatsNewLinks{
  color: white;
  text-decoration: none;
}

.closeBox{
  float: right;
  font-size: 200%;
  cursor: pointer;
}

.countdownShow{
  font-size: 125%;
  font-weight: bold;
  text-decoration: none;
  color: yellow;
}

.moreTextOption{
  text-decoration: none;
  cursor: pointer;
}

.moreTextText{
  margin-left: 2%;
  display: none;
}

.moreTextOption:hover{
  text-decoration: 1.9px underline;
}

.fa-instagram {
  background: #09173b;
  color: white;
  font-size: 60px;
}

.fa-envelope {
  background: #dd4b39;
  color: white;
  font-size: 60px;
}

.socialMedia{
  font-family: arial;
  font-size: 110%;
  text-decoration: none;
  line-height: 150%;
  color: white;
  margin-left: 2%;
  border: 3px solid white;
  padding: 0px 0px 6px 15px;
  margin-top: 4%
}

.socialMediaText{
  color: white;
  text-decoration: none;
  letter-spacing: 200%;
}

.fa{
  padding: 10px;
  font-size: 140%;
  width: 30px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
}

.fa-instagram:hover{
  background: white;
  color: #09173b;
  transition-duration: 0.2s;
}

.fa-envelope:hover{
  background: white;
  color: #dd4b39;
    transition-duration: 0.25s;
}

.googleIconAlert{
  color: yellow;
  cursor: pointer;
}

.referenceMainSite{
  text-decoration: none;
}
.referenceMainSite:hover{
  text-decoration: underline;
}

.logoPicture{
  height: 187px;
  width: 187px;
  margin-top: 0.7%;
  margin-left: 0.25%;
  cursor: pointer;
}