body{
    width: 100%;
    margin: 0%;
    font-family: Arial, Helvetica, sans-serif;
    color: #F1EFEF;
    background-color: #9c9c9c;
}

/* area toolbar */
.navbar {
    height: 125px;
    width: 100%;
    position: fixed;
    top: 0;
}

.corpo {
    margin-top: 125px;
}

.immagine{
    background-color: #000000;
    width: 15%;
    height: 100%;
    float: left;
    border-radius: 0%;
    object-fit: contain;
}
.top{
    clear: both;
    content: '';
}
.barra{
    background-color: #3E3E3E;
    height: 100%;
    width: 85%;
    float: right;
    overflow: hidden;
}

.barra::after{
    clear: both;
    content: '';
    display: table;
   
}


.blocco::after{
    clear: both;
    content: '';
    display: table;
   
}

/* .blocco{
    margin-top: 3%;
    size: 100%;
    float: left;
    margin-left: 4%;
    margin-right: 4%;
    font-size: 2em;
} */
.blocco{
    size: 100%;
    padding: 1.60em 2% 0% 2%;
    height: 100%;
    float: left;
    font-size: 2em;
}
/* .bloccoA{
    margin-top: 3%;
    height: auto;
    float: left;
    margin-left: 7%;
    margin-right: 4%;
    font-size: 2em;
} */
.bloccoA{
    padding-top: 1.60em;
    height: 100%;
    float: left;
    padding-left: 2%;
    margin-left: 5%;
    padding-right: 2%;
    font-size: 2em;
}

/* .bloccoB{
    margin-top: 3%;
    height: auto;
    float: left;
    margin-left: 4%;
    margin-right: 5%;
    font-size: 2em;
} */
.bloccoB{
    padding-top: 1.60em;
    height: 100%;
    float: left;
    padding-left: 2%;
    padding-right: 2%;
    font-size: 2em;
}
.bloccoonclick:hover{
    background-color: #b2b2b279;
}
.navbar a {
    color: #F1EFEF;
    text-decoration: none;
}

/* area corpo */
.corpo{
    height: 100vh;
    width: 100%;

}

.sidebar{

    margin-top: 2%;
    margin-bottom: 5%;
    margin-left: 1.5%;
    height: 80%;

    width: 13%;
    background-color: #3C4048;
    float: left;
}

p{
    margin:2%;
    margin-bottom: 10%;
    margin-top: 10%;;
}
.textarea{
    height: 100%;
    width: 85%;
    background-color: #9c9c9c;
    float: right;
    color: #000000;
    font-size: large;

}
h1{
    text-align: center;
    color: #000000;
    
}
a{
    color: #931701;
}