html { scroll-behavior: smooth; font-size: var(--def-html-fontsize, 16px); font-family: ubuntu; }
    * { box-sizing: border-box; margin: 0; padding: 0; }
    
    h1, h2, h3, h4, h5, h6 {
    font-family:minecraftermedium;
    letter-spacing: 1px;
    color:#46bf46;
    font-weight: bold;
    
   }
    .header {
      min-height: 6vh;
      width: 100%;
      background-color: #266200;
      overflow-x: hidden;
      background-image: url('../img/square-tx.png');
      box-shadow: 0 0 10px 1px black inset, 0 0 10px 1px black ;
      display:flex;
      justify-content: space-between;
      align-items: center;
      padding:20px 40px;
    }

    .logo{
      color:white;
      font-family:minecraftermedium;
      font-size:1.8rem;
    }

    .main-nav ul{
      display:flex;
      justify-content: space-between;
      list-style-type: none;
      gap:25px;
    }

    .main-nav ul li a{
      text-decoration: none;
      font-weight: bold;
      /* color:rgba(0, 0, 0, 0.235); */
      color:white;
      font-size:1.2rem;
      -webkit-text-stroke: 0.5px white;
      transition: all ease-in-out 230ms;
    }

    .main-nav ul li a:hover{
      color:rgba(0, 0, 0, 0.235);
    }

    .main-nav ul li a:active{
      color:rgba(255, 238, 0, 0.737);
    }
    
    .content {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      background-color:hsla(0, 0%, 0%, 0.519);
      background-image: url('../img/bricks-tx.png');
      min-height: 90vh;
      padding: 20px;
      max-width: 100vw;
      overflow-x: hidden;
      box-shadow: 0 0 20px 4px black inset, 0 0 10px 1px black ;
      
    }

    h1{
      -webkit-text-stroke:1px white;
      color:green;
      font-size:4rem;
    }

    h2{
      -webkit-text-stroke:1px white;
      font-size:3rem;
    }

    h3{
      -webkit-text-stroke:1px white;
      font-size:2rem;
    }

    h4{
      -webkit-text-stroke:1px white;
      font-size:1.6rem;
    }

    h5{
      -webkit-text-stroke:0.4px white;
      font-size:1.3rem;
    }

    h6{
      font-size:1rem;
    }

    .minecraft-font{
      font-family:minecraftregular;
    }

    .info-title{
      font-size:1.9rem;
      font-weight: bold;
      color:#432712;
      font-family: minecraftermedium;
      -webkit-text-stroke: 0.1px white;
    }

    .info-value{
      font-family:minecraftregular;
      color:#3ed530;
    }

    .info-value-error{
      font-family:minecraftregular;
      color:red;
    }

    .info-value-fsize{
      font-size: 1.2rem;
    }


    
    .min-icon{
      width:24px;
      height:24px;
    }

    .info-line{
      display: flex;
      align-items: center;
      gap:10px;
    }

    /* ### PLAYERS ### */
    .players-container{
      list-style-type: none;
    }

    .player-selector{
      background-color: #c6c6c6;
      border:2px solid #3ba40f;
      border-radius: 25px;
      padding:15px;
      box-shadow: 0 0 5px 1px black inset, 0 0 5px 1px black;
      margin:20px 0;
      cursor: pointer;
      transition: all ease-in-out 150ms;
    }

    .player-selector:hover{
      background-color: #a3a3a3 ;
    }

    .pl-name{
      font-size: 20px;
      font-weight: bold;
      color:#46bf46;
      display:flex;
      align-items: center;
      gap:10px;
      min-width:400px !important;
      transition: all ease-in-out 150ms;
    }

    .player-selector:hover .pl-name{
	    color:yellow;
    }
    .pl-tl{
      color:#ea0000dd;
      font-weight: bold; 
      font-size:20px;   
      -webkit-text-stroke: 0.4px black;  
    }

    .pl-vl{
      color:#ffffff;
      /* text-decoration: underline; */
      font-weight: bold;
      font-size:18px;   
      -webkit-text-stroke: 0.5px #000000;  

    }

    .pl-info-field-p{
      margin-top:10px;
      display:flex;
      align-items: center;
      gap:10px;
    }

    .display-none{
      display:none;
    }



    .display{
      display:block;
    }

.welcome{
  margin:50px 0;
}

.serverinfo{
  margin:50px 0;
  background-color: hsl(0, 0%, 15%);
  padding:20px;
  border-radius: 25px;
  box-shadow: 0 0 5px 1px black inset, 0 0 5px 1px black;
}

.player_container_now{
  align-items: left;
  width:80%;
}

.no-players{
  border:5px solid rgb(173, 43, 14);
  text-align: center;
  font-weight: bold;
  margin:25px auto;
  color:#ff7700;
  font-size:22px;
  -webkit-text-stroke: 1px white;
  max-width:22%;
  padding:15px;
  background-color:#2e2e2e88;
  border-radius: 25px;
  box-shadow: 0 0 5px 1px black inset, 0 0 5px 1px black;
}

.thispage{
  text-shadow: #f2f200 0 0 15px;
  color:#a3a00083 !important;
}

.footer {
  min-height: 4vh;
  background-color: #266200;
  overflow-x: hidden;
  background-image: url('../img/square-tx.png');
  box-shadow: 0 0 10px 1px black inset, 0 0 10px 1px black ;
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding:13px;
}

.bottom-footer{
  color:white;
  font-weight: bold;
}