body {
color: white;
background-color: black;
font-family: Verdana;
}
html{  
height: 100%; width: 100%;
}
.container{
background-color: black;
position: fixed;
z-index: 1;
width: 922px;
border-width: 1px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
border-style: solid;
border-color: white;
overflow-x: hidden;
height: 670px;
margin-left: 18%;
margin-top: -40px;
}

h1{ 
 padding-top:40px; 
 font-size:48px;
}
p {
  font-family: 'Courier New', Courier, monospace;
}
.wave-text span {
    display: inline-block;
    animation: wave 2s ease-in-out infinite;
}
.wave-text span:nth-child(1) {
    animation-delay: 0.1s;
}
.wave-text span:nth-child(2) {
    animation-delay: 0.2s;
}
.wave-text span:nth-child(3) {
    animation-delay: 0.3s;
}
.wave-text span:nth-child(4) {
    animation-delay: 0.2s;
}
.wave-text span:nth-child(5) {
    animation-delay: 0.1s;
}


.wave-text span:nth-child(6) {
    animation-delay: 0.1s;
}
.wave-text span:nth-child(7) {
    animation-delay: 0.2s;
}
.wave-text span:nth-child(8) {
    animation-delay: 0.3s;
}
.wave-text span:nth-child(9) {
    animation-delay: 0.2s;
}
.wave-text span:nth-child(10) {
    animation-delay: 0.1s;
}


.wave-text span:nth-child(12) {
    animation-delay: 0.1s;
}
.wave-text span:nth-child(13) {
    animation-delay: 0.2s;
}
.wave-text span:nth-child(14) {
    animation-delay: 0.3s;
}
.wave-text span:nth-child(15) {
    animation-delay: 0.4s;
}
.wave-text span:nth-child(16) {
    animation-delay: 0.3s;
}
.wave-text span:nth-child(17) {
    animation-delay: 0.2s;
}
.wave-text span:nth-child(18) {
    animation-delay: 0.1s;
}
@keyframes wave {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
}
.button {
 background-color: black;
 border-color: white;
 border-style: solid;
 border-width: 1px;
 font-size: 30px; 
 color: white;
  padding-left: 35px;
  padding-top: 25px;
  padding: 10px;
  text-align: center;
  background: black;
  transition: color 0.3s, border-color 0.3s;
  
  
}
.button:hover {
border-color:#aadd99;
color:#aadd99;
cursor: pointer;
}
.footer {
  position: fixed;
  bottom:0;
  border-width: 1px;
border-style: solid;
border-color: white;
overflow-x: hidden;
padding-left: 6px;
padding-right: 6px;
border-top-left-radius:10px;
border-top-right-radius:10px;
right: 36%;
  
}
 .containergames{
background-color: black;
position: absolute;
z-index: 1;
width: 922px;
border-width: 1px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
border-style: solid;
border-color: white;
overflow-x: hidden;
height: 900px;
margin-left: 18%;
margin-top: -40px;
}