#page-title{
    background-image: url("images/FANGO.png");
    max-width: 245px;
    height: 67PX;
    margin: 0 auto 5px;

    text-align: center;
}

.main-container{
    background-image: url("images/ds.png");
    max-width: 575px;
    height: 600px;
    margin: 10px auto 0;

    position: relative;
}

.display-up{
    background-image: url("images/afternoon1.png");
    width: 270px;
    height: 205px;

    position: relative;
    margin: -115px auto;
    z-index: -1;
}

.display-down{
    background-image: url("images/grass1.png");
    width: 270px;
    height: 205px;

    position: relative;
    margin: 210px auto;
    z-index: -1;
}



.navbar{
    display: grid;
    grid-template-columns: 100px 100px;
    grid-template-rows: 65px 65px;
    grid-gap: 30px;

    position: relative;
    left: 162px;
    top: 360px;
}

.cnt-1{
    grid-area: 1/1/2/2;
}

.cnt-2{
    grid-area: 1/2/2/3;
}

.cnt-3{
    grid-area: 2/1/3/2;
}

.cnt-4{
    grid-area: 2/2/3/3;
}

.nvb-button{
    padding: 35px 60px;

    background-color: #faf33e;
    opacity: 0.5;
    border-radius: 10%;

    text-align: center;
}

.navbar a {
    display: flex;
    align-items: center;
    justify-content: center;

    text-decoration: none;
    color: blue;
}

.navbar a:hover {
    color: yellow;         /* quando passi sopra col mouse */
    background-color: blue;
}

.navbar a:active {
    color: green;         /* mentre clicchi */
}

body{
    background-color: #99AC73;
}