body{
        background-color:rgb(100, 132, 101);
        font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
        padding-bottom:20px;
        padding-left:20px;
        padding-right: 20px;
    }
    h1{
        color:rgb(6, 22, 11);
    }
    h2{
        color:rgb(12, 45, 22);
    }
    div.lists{
        background-color:rgb(100, 132, 101);
        margin-left:50px;
        width:50%;
        
    }
    div{
        display:block;
        unicode-bidi: isolate;
    }
    .titleContainer{
    display: grid;
    grid-template: 100px / auto;
    border: 1px solid black;
    background-color: lightskyblue;
}

.navContainer{
    display: grid;
    grid-template: auto / 150px auto;
    border: 1px solid black;
    background-color: rgb(126, 170, 156);
}

.contentContainer{
    display: grid;
    grid-template: auto / auto auto auto;
    gap: 10px;
    padding: 10px;
    background-color: rgb(8, 40, 27);
    margin: 10px;
}

.content{
    border: 1px solid rgb(46, 45, 44);
    border-radius: 5px;
    padding: 10px;
    background-color: rgb(167, 211, 183);
}

.content h1{
    padding:0px;
    margin:0px;
    font-size: 21px;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}