html {
        background-color: black;
    }

    body {
        margin: 400;
    }    
    
    #text {
    border: solid 2px red;
    background-color: black;
    margin: auto;
    margin-top: 20%;    
    width: 350px;
    text-align: center;
        font-family: MS Gothic;
    }
    
    
    #button {
        text-align: center;
        margin-top: 40px
    }

#tex {
    opacity: 0.02;
}


.shake {
  display: inline-block;
  animation: shake 0.4s infinite;
}

@keyframes shake {
  0%   { transform: translate(1px, 1px) rotate(0deg); }
  10%  { transform: translate(-1px, -2px) rotate(-1deg); }
  20%  { transform: translate(-3px, 1px) 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); }
}

footer {
	text-align: center;
    margin: auto;
}