/*Fonts*/


@font-face {
  font-family: Minecraft Ten,sans-serif; /* set name */
  src: url(fonts/MinecraftTen.woff); /* url of the font */
}
@font-face{
    font-family: Minecraft Regular,monospace;
    src: url(fonts/MinecraftRegular.woff);
}

.minecraftuifont {
    font-family: 'Minecraft Regular',monospace;
    
}

.mcTitle{
     font-family: 'Minecraft Ten',sans-serif;
     font-weight: 300;
}

td{
     font-family: 'Minecraft Regular',monospace;
     font-size: 15px;
     white-space: nowrap;
     padding: 3px;

}
th{
    font-family: 'Minecraft Ten',sans-serif;
    font-weight: 300;
    font-size: 25px;
}

/*Image designs and whatnot*/
.grassblock{
 background-image: url('images/minecraft-texture.jpg');
 background-size: contain;
 background-repeat: repeat-x;
 height: auto;
 
 
 
}
body{
  margin:0;
  height:100vh; /* Set height to cover the viewport */
  background-image: url('https://images.pexels.com/photos/698654/pexels-photo-698654.png'); /* Replace with your image URL */
  background-size: cover; /* Ensure the image covers the entire area */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Prevent tiling */
  image-resolution: inherit;
}

.bgimage{
    margin: 0px;
    background-image: url('https://images.pexels.com/photos/698654/pexels-photo-698654.png');
    background-size: cover;
    height: 120vh;
    background-position:center ;
    background-repeat: no-repeat;
}
.bgimage2{
    margin: 0px;
    background-image: url('images/Dirt-background.webp');
    background-size: 100px;
    
    background-position:center ;
    background-repeat:repeat;
}


/*Navigational elements and whatnot*/

.navButton{
    border-style: none;
    border-radius: 0%;
    background-color: rgb(208,197,192);
    font-size: 20px;
    color: black;
    font-family: 'Minecraft Regular',monospace;
     width: 180px; /* Adjust the width */
    height: 70px;
    
}
/*makes the page mobile friendly*/
@media only screen and (max-width: 1440px) {
    .navButton{
    border-color: darkblue;
    border-style:dotted;
    border-radius: 5%;
    background-color: rgba(208, 197, 192, 0.659);
    font-size: 10px; /*adjust font size to fit new width*/
    color: rgb(255, 10, 10);
    font-family: 'Minecraft Regular',monospace;
    width: 62px; /* Adjust the width */
    height: 32px;
    padding: 0%;

    
    }
 
    .title{
        font-family: 'Minecraft Ten',sans-serif;
        font-weight: 300;
        font-size: 10px;
        color:rgb(208,197,192);
        text-shadow: 
            -2px -2px 0 black, 
        2px -2px 0 black, 
            -2px 2px 0 black, 
        2px 2px 0 black,
            -2px -2px 0 black, 
            2px 2px 0 black,
            -2px -2px 0 black, 
            2px 2px 0 black,
            -2px -2px 0 black, 
            2px 2px 0 black,
            -2px -2px 0 black, 
        2px -2px 0 black, 
            -2px 2px 0 black, 
            -2px -2px 0 black, 
        2px -2px 0 black, 
            -2px 2px 0 black, 
        2px 2px 0 black,
            -2px -2px 0 black, 
            2px 2px 0 black,
            -2px -2px 0 black, 
            2px 2px 0 black,
            -2px -2px 0 black, 
            2px 2px 0 black,
            -2px -2px 0 black, 
        2px -2px 0 black, 
            -2px 2px 0 black, 
            -2px -2px 0 black, 
        2px -2px 0 black, 
            -2px 2px 0 black, 
        2px 2px 0 black,
            -2px -2px 0 black, 
            2px 2px 0 black,
            -2px -2px 0 black, 
            2px 2px 0 black,
            -2px -2px 0 black, 
            2px 2px 0 black,
            -2px -2px 0 black, 
        2px -2px 0 black, 
            -2px 2px 0 black, 
        2px 2px 0 black;
    

    }
    .subtitle{
        font-family: 'Minecraft Regular',monospace;
        font-size:2px;
        color:white;
    }
    nav {
    position: fixed;
    top:3px;
    right:30%;
    margin:0 auto;
    width:fit-content;
    
   }
   .plainbg{
    background-color: rgba(54, 119, 194, 0.585);

    width: 100%; /* A defined width is required for margin: auto to work */
    margin: 0 auto; /* Centers the div horizontally */
    
}

}


.navButton:hover{background-color: deepskyblue;}
nav {
    position: absolute;
    top:15px;
    right:30%;
    /*padding:6px;*/
    width: fit-content; /* A defined width is required for margin: auto to work */
    margin: 0 auto;
}

.title{
    font-family: 'Minecraft Ten',sans-serif;
    font-weight: 300;
    font-size: 50px;
    color:rgb(208,197,192);
    text-shadow: 
        -2px -2px 0 black, 
       2px -2px 0 black, 
        -2px 2px 0 black, 
       2px 2px 0 black,
        -2px -2px 0 black, 
         2px 2px 0 black,
        -2px -2px 0 black, 
         2px 2px 0 black,
        -2px -2px 0 black, 
         2px 2px 0 black,
        -2px -2px 0 black, 
       2px -2px 0 black, 
        -2px 2px 0 black, 
        -2px -2px 0 black, 
       2px -2px 0 black, 
        -2px 2px 0 black, 
       2px 2px 0 black,
        -2px -2px 0 black, 
         2px 2px 0 black,
        -2px -2px 0 black, 
         2px 2px 0 black,
        -2px -2px 0 black, 
         2px 2px 0 black,
        -2px -2px 0 black, 
       2px -2px 0 black, 
        -2px 2px 0 black, 
        -2px -2px 0 black, 
       2px -2px 0 black, 
        -2px 2px 0 black, 
       2px 2px 0 black,
        -2px -2px 0 black, 
         2px 2px 0 black,
        -2px -2px 0 black, 
         2px 2px 0 black,
        -2px -2px 0 black, 
         2px 2px 0 black,
        -2px -2px 0 black, 
       2px -2px 0 black, 
        -2px 2px 0 black, 
       2px 2px 0 black;
   

}

.titlecontainer{/*For table that contains the page title and subtitle*/
    top:3px;
    margin: auto;
    padding: 8px;
    /*background-image: url('images/minecraft-texture.jpg');*/
    background-size: contain;
    background-repeat: repeat-x;
    height: fit-content;
    width:100%

}
.subtitle{
    font-family: 'Minecraft Regular',monospace;
    font-size:15px;
    color:white;
}

.content{/*BG for div element below navbar */
    margin-right: auto;
    padding: 15px;
    background-color: rgba(250, 235, 215, 0.585);
    width:fit-content;
    margin:0 auto;
}

.plainbg{
    background-color: rgba(54, 119, 194, 0.585);
}

a{
    color: blue;
    text-decoration: none;
}
a:hover{
    color:rgba(0, 0, 255, 0.474);
}

tr{
    padding: 5px;
    margin-bottom: 5px;
}

.valditation_hyperlink{
    color: dodgerblue;
    text-decoration: underline;
}