.hidden {display:none;}
.visible {
display:block;
justify-content: center;
}

#wrapper{
    background:url('bck.png');
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%; 
    background-position: center;
}

#content{
    background-color:rgba(255,255,255,0.1); 
    width:100%; 
    height:100%;
}

        table {
            margin: 0 auto;
            font-size: large;
            border: 1px solid black;
        }
  
        h1 {
            text-align: center;
            color: #f1ebe5;
            font-size: x-large;
            font-family: 'Gill Sans', 
                'Gill Sans MT', ' Calibri', 
                'Trebuchet MS', 'sans-serif';
        }
  
        td {
            background-color: #E4F5D4;
            border: 1px solid black;
        }
  
        th,
        td {
            font-weight: bold;
            border: 1px solid black;
            padding: 10px;
            text-align: center;
        }
  
        td {
            font-weight: lighter;
        }

.topleft {
  position: absolute;
  color: #ffffff;
  top: 20px;
  left: 24px;
  font-size: 22px;
  line-height: 40%;
}

.bottomleft {
  position: absolute;
  color: #ffffff;
  bottom: 24px;
  left: 24px;
  font-size: 22px;
  line-height: 40%;
}

.topright {
  position: absolute;
  color: #ffffff;
  top: 20px;
  right: 24px;
  font-size: 22px;
  line-height: 40%;
}

.bottomright {
  position: absolute;
  color: #ffffff;
  bottom: 24px;
  right: -24px;
  font-size: 22px;
  line-height: 40%;
}

.button {
  padding: 8px 8px;
  font-size: 16px;
/*  font-family: Verdana, sans-serif; */
/*  font-family: Horizon;*/
/*  font-family: Orbitron; */
  font-family: Georgia, Times, "Times New Roman", serif; 
  text-align: left;
  cursor: pointer;
  outline: none;
  color: #ffffff;
  background-color: #3FA3CC;
  border: none;
  border-radius: 12px;
}

.button:hover {
 background-color: #848482;
 box-shadow: 0 8px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

.button:active {
  background-color: #2C3539;
  color: #ff0000;
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
  transform: translateY(8px);
}

.disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

body {
  background-color: #ffffff;
  text-align: center;
  color: #000000;
  height: 100%;
  margin: 0;
}

html {
  height: 100%;
  margin: 0;
}
a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}

h3 {
  /* margin: 20px; */
  /*font-family: "Paytone One";*/
/*  font-family: Verdana, sans-serif;*/
  font-family: Orbitron;
  color: #000000;
  letter-spacing: 2px;
}

h3 span {
  display: block;
  margin: 8px 0 8px 0;
  font-family: Orbitron;
  font-size: 24px;
  line-height: 24px;
  color: #000000;
 /* text-shadow: 0 3.336px 1.8896px #c4b59d,0 2px 1px #fff; */
  letter-spacing: 2px;
}

h1 {
  /* margin: 20px; */
  /*font-family: "Paytone One";*/
/*  font-family: Verdana, sans-serif;*/
  font-family: Orbitron;
  font-size: 24px;
  color: #000000;
  letter-spacing: 2px;
}

.hide {
  display: none;
}