body{
    background-color: #989861;
    color: white;
    font-family: Arial, sans-serif;
    margin: 0px;
    padding: 0px;
    height: 100dvh;
}

.navBar{
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 10px;
    padding: 0px;
    background-image: linear-gradient(135deg, rgb(92, 114, 73) 0%, rgb(206, 186, 118) 100%);
    height: 20px;
    padding: 20px;
    border-radius: 20px;
    border: #665e41 3px solid;
}

.container{
    margin: 5%;
    padding: 2%;
    background-color: #bbab6a;
    text-align: center;
    border-radius: 10px;
    border: #665e41 3px solid;
}

.images{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.link{
    text-decoration: none;
    font-weight: bold;
    color: #413849;
    background-color: #fff7bb;
    padding: 10px;
    margin: 0px 2%;
    border-radius: 5px;
}

.link:hover{
    background-color: #bbab6a;
}

.clickable{
    cursor: pointer;
}

.counter{
    font-size: 20px;
    margin-bottom: 10px;
}

#btnLeft:active {
    transform: scale(0.95);;
    transition: transform 3ms;
}