body {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 90%;
/*  margin-top: 25px;*/
/*  margin-bottom: 50px;*/
/*  background-image: url('../resources/bg.png');
  background-size: 100%;*/
  
}

button {
  border-radius: 25px;
  padding: 8px 40px;
  margin: 15px auto;
  cursor: pointer;
  display: block;
}

h1 {
  font-size: 2rem;
  text-transform: uppercase;
  margin-top: 100px;
  font-family: Arial, Helvetica, sans-serif;
  color: #e3b829;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  text-align: center;
}
h1:first-child {
  margin-top: 0px;
}

h2 {
  font-size: 1.2rem;
  text-transform: uppercase;
  margin-top: 0px;
  font-family: Arial, Helvetica, sans-serif;
  color: #f2d268;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  text-align: left;
  padding: 0px 0;
}

h3 {
  font-size: 1rem;
  margin-top: 0;
  font-family: Arial, Helvetica, sans-serif;
  text-align: justify;
  color: #FFF;
  line-height: 20px;
}

h4 {
  font-size: 1.2rem;
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif;
  color: #f2d268;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  text-align: center;
  margin-bottom: 15px;
  margin-top: 50px;
}

h5 {
  font-size: 1rem;
  margin-top: 0;
  font-family: Arial, Helvetica, sans-serif;
  text-align: justify;
  color: #FFF;
  line-height: 30px;
}

h6 {
  font-size: 1.2rem;
  text-transform: uppercase;
  margin-top: 0px;
  margin-bottom: -15px;
  font-family: Arial, Helvetica, sans-serif;
  color: #f2d268;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  text-align: center;
  padding: 10px 0;
}

p {
  font-size: 1rem;
  margin-top: 0;
  font-family: Arial, Helvetica, sans-serif;
  text-align: justify;
  color: #FFF;
  line-height: 20px;
  font-weight: bold;
}


a {
  color: #ebae07;
  text-decoration: none;
}

ul {
  color: #444;
  margin: 10px 0;
}

li {
  font-size: 1rem;
  margin-top: 0;
  font-family: Arial, Helvetica, sans-serif;
  text-align: justify;
  color: #FFF;
  line-height: 20px;
  font-weight: bold;
}
ul.spaced li {
  margin-bottom: 10px;
}

.img {
  border-style: solid;
  border-color: #f2d268;
  margin: 25px; /*10px;*/
}

img:hover {
  animation: shake 1s;
  animation-iteration-count: infinite;
}
@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  }

#wrapperCenter {
  width: 100%;
  z-index: 3.5;
  text-align: center;
/*  background-color:rgba(0, 0, 0, 0.4);*/
  border-radius: 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#wrapperCenter2 {
  width: 95%;
  z-index: 3.5;
  text-align: center;
  background-color:rgba(0, 0, 0, 0.8);
  border-radius: 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#logo {
  text-align: center;
}
.gamelogo2 {
  width: 60%;
/*  margin-top: 30px;*/
}

#wrapperCenter_Text
{
  width: 90%;
  float: left;
  height: 95%;
  margin-top: 3%;
  padding:0;
  justify-content: center;
}

.wrapperCenter_Text_P
{
  margin-bottom: 25px;
  padding: 20px;
  width: 100%;
  background-color:rgba(0, 0, 0, 0.6);
  border-radius: 25px;
}