p.copyright i {
    color: red;
}

        /* latin */
        @font-face {
          font-family: 'Luckiest Guy';
          font-style: normal;
          font-weight: 400;
          font-display: swap;
          src: local('Luckiest Guy Regular'), local('LuckiestGuy-Regular'), url(fonts/luckiestguy.woff2) format('woff2');
          unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        }

.mask {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  display: none;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  position: fixed;
  z-index: 1000;
}
.login {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 50%;
  transform: translateX(-50%);
  border-radius: 10px;
  background-color: white;
  padding:10px;
  display:none;
  z-index: 1001;
}

#tablelabel{
  background-color: #857ccd;
}

#top3table{
  position:relative;
  top:0;
 left: 50%;
  transform: translateX(-50%);
  width:100%;
}

#gameDiv{
  width:55%;
  height:450px;
    margin-right:2%;
    float: left;
}

iframe{
   width:100%;
   height: 450px;
}



#adscontainer{
  width:42%;
    float: left;
  height:450px;
  background-color: #405d27;
}

#clearfix{
    clear:both
}

#top10table{
  width:50%;
  position: relative;
  right: 0;
  top:0;
}

#top100table{
  position: relative;
  width:50%;
}

thead th{
  background-color: #120862;
  color: white;
}

button{
  background-color: #857ccd;
}

.btn-success {
    color: #fff;
    background-color: #857ccd;
    border-color: #4cae4c;
}

/* If the screen size is 600px wide or less, hide the element */
@media only screen and (max-width: 700px) {
    #gameDiv{
      width:100%;
      height:450px;
        margin-right:2%;
    }

    iframe{
       width: 90%;
       height: 450px;
    }
  #adscontainer{
    position: relative;
    width:90%;
    height:450px;
    left: 50%;
    top: 5px;
    transform: translateX(-50%);
    background-color: #405d27;
  }
    #top10table{
    width:100%;
    position: relative;
    right: 0;
    top:0;
  }

  #top100table{
    position: relative;
    width:100%;
  }

    #top3table{
    position:relative;
    top:0;
   left: 50%;
    transform: translateX(-50%);
    width:90%;
  }

}