.table{
    background-color: rgb(150, 194, 150);
    display: flex;
    justify-content: center;
    padding: 20px;
    border-top: 2px solid green;
    
}

.table td {
    padding: 5px;
    padding: 10px 13px;

   
    
}
.header{
    background-color: limegreen;
}

body {
    background-color: rgb(150, 194, 150);
    margin: 0;
    font-family: 'Press Start 2P', system-ui;
    /* width: 100vw; */
}

.nav-bar {
    background-color: rgb(14, 75, 14);
    padding: 20px;

}


img{
    display: block;
}

.nav-bar a {
    font-size: 25px;
    text-decoration: none;
    color: black;
    padding: 9px 17px;
    background-color: rgb(26, 110, 18);
    margin: 8px;
    border-radius: 13px;

}

.overworld-img{
    width: 1000px;
    border: 10px solid rgb(14, 75, 14);

}

.overworld-container{
    display: flex;
    justify-content: center;
}

.structure-title{
    font-size: 50px;
    display: flex;
    justify-content: center;
    border: 2px solid rgb(85, 152, 85);
    padding: 5px;
    background-color: rgb(24, 108, 80);
}

.bullet-lists{
   display: flex;
   justify-content:  space-evenly;
   margin-top: 40px;
   margin-bottom: 10px;
   border-bottom: 5px solid green;
}

.bullet-lists li h3{
font-size: 20px;
}

.Introduction{
    border: 3px solid green;
    margin-top: 10px;
    padding: 6px;
}

.intro-text{
    font-size: 20px;
}

.intro-title{
    display: flex;
    justify-content: center;
    font-size: 50px;
}

.list-container{
    display: flex;
    align-items: center;
    flex-direction: column;

}

.list-container li{
    font-size: 25px;
}

h3 {
    font-size: 40px;
}

h4 {
    font-size: 35px;
    display: flex;
    justify-content: center;
}

.village {
    display: flex;
    justify-content: center;

}

.village-img {
    width: 40vw;
    border: 5px rgb(19, 81, 19) solid;
    padding: 5px;
}

p {
    margin-left: 25px;
    margin-right: 25px;
}