*{
  font-family: 'Mukta Mahee', sans-serif;
  color: white;
}
header{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  background: rgb(64,130,109);
background: linear-gradient(18deg, rgba(64,130,109,1) 0%, rgba(41,142,108,1) 79%);
}
#sitename{
  position: fixed;
  top: 30px;
  left: 30px;
  font-size: 2em;
}



#pc-link{
  position: fixed;
  text-align: right;
  top: 35px;
  right: 30px;
  font-size: 1.3em;
  color: white !important;
}
#list{
  background: rgb(30, 30, 36);
  position: fixed;
  top: 100px;
  left: 0;
  width: 30%;
  overflow-y: auto;
}
#additional-information{
  background: rgb(37, 37, 45);
  position: fixed;
  top: 100px;
  right: 0;
  width: 30%;
  overflow-y: auto;
}
#info{
  background: rgb(30, 30, 36);
  position: fixed;
  top: 100px;
  left: 30%;
  width: 40%;
  overflow-y: auto;
}
#inner-info, #inner-right-info{
  padding: 1em;
}
.entry{
  padding: 1em;

}
.entry:nth-child(odd){
  background: rgba(35, 35, 45);
}
.entry:hover{
  background: rgba(45, 45, 57, 0);
  cursor: pointer;
  color:rgba(246, 248, 255,0.5) !important;
}

A:hover {color:rgba(0, 0, 0,0.5) !important; text-decoration:none; }

.selected{
  background: rgba(49, 51, 53, 0) !important;
}
.author{
  font-variant: small-caps;
}
#levelname{
  font-size: 1.7em;
  font-weight: bold;
}
#levelauthor{
  font-size: 1.1em;
}
#leveldescription{
  font-size: 0.8em;
  font-variant: small-caps;
}
.vid{
  width: 100%;
}
#records{
  width: 100%;
}
#records-title{
  font-size: 1.5em;
  font-weight: bold;
  color: rgb(248, 248, 255);
}
#records-table{
  width: 100%;
  color: rgb(45, 45, 57);
}
#explanation-simple-title{
  font-size: 1.5em;
  font-weight: bold;
  color: white !important;
}
#explanation-simple{
  font-size: 18px;
  font-weight: bold;
  color: white !important;
}
.interentry{
  width: 100%;
  padding: 0.5em;
}
.record-entry:nth-child(even){
  background: rgb(36, 37, 45)
}
.record-entry:nth-child(odd){
  background: rgb(27, 27, 34)
}
#block{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  color: black;
  font-size: 3em;
}
.hacked{
  background: red;
  color: white;
  font-weight: strong;
  font-size: 0.4em;
  padding: 0.4em;
  border-radius: 1em;
}
.p-hacked{
  background: rgb(45, 45, 57);
  color: white;
  font-weight: strong;
  font-size: 0.4em;
  padding: 0.4em;
  border-radius: 1em;
}
#hi{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: red;
  z-index: 99;
}
#user-rank {
  font-size: 20px;
  font-weight: bold;
}
.swal2-content {
  background-color: rgb(30, 30, 36) !important;
  }
#swal2-title {
  color: white !important;
}
#swal2 {
  background-color: rgb(30, 30, 36) !important;
}
.swal2-popup {
    background: rgb(30, 30, 36) !important;
}
.swal2-popup button {
  background: rgb(64, 130, 109) !important;
}