body{
    background-color: rgb(230, 223, 214);
}
h1, h2, h3, h4, h5, h6{
    font-weight: 800;
    font-family: 'Inter', sans-serif;
}

/* Head */

.hamburgher span{
    display: inline-block;
    display: flex;
    width: 25px;
    height: 4px;
    background-color: rgb(0, 0, 0);
    margin: 4px;
    border-radius: 20px;
    display: none;
}
#head{
    position:fixed;
    top:0;
    width: 100%;
    background-color: rgb(230, 223, 214);
    z-index: 10
}
.hamburgher{
    margin:5px
}
#head .w3-bar{
    overflow: hidden;
    max-height: 38px;
}
#head * .hamburgher{
    position: fixed;
    top: 0;
    right: 0
}
@media screen and (max-width: 770px) {
    .hamburgher span{
        display: block
    }
}

/* Head When Open */

#open{
    overflow: initial;
}
#head.open .a10{
    width: 100%;
}
#head.open .w3-bar{
    background-color: rgba(0, 0, 0, 0.1);
    overflow: initial;
}
#head.open .w3-bar a{
    width: 100%;
}
#head.open .w3-col{
    float: initial;
}
#head.open * span.f{
    transform: rotate(45deg);
    margin-top: 10px
}
#head.open * span.t{
    transform: rotate(-45deg);
    margin-top: -8px
}
#head.open * span.s{
    display: none;
}
.open .hamburgher span{
    display: block;
    background-color: white;
}
.hamburgher span{
    transition: ease 1s;
}
.open * .menu{
    position: fixed;
    top: 38px;
    background-color: rgb(230, 223, 214);
    width: 100%;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.4);
}

/* Scrollbar */

::-webkit-scrollbar{
    background: transparent;
}
::-webkit-scrollbar-thumb{
    background-color: lightcoral;
    border-radius: 10px;
    display: block;
}
::-webkit-scrollbar-track{
    background-color: transparent;
    position: fixed;
    left:0
}
/* Citazione */

.citazione{
    background-color: rgba(0, 0, 0, 0.05);
}
.citazione span{
    font-size:120px;
    line-height:0.6em;
    opacity:0.2
}
.citazione .margin{
    margin-top: -40px
}

/* Helpers */

.a10{
    width: calc(100% / 12 * 10);
}
.a2{
    width: calc(100% / 12 * 2);
}
.dn{
    display: none;
}
.chb *{
    display: block;
}

.cc *{
    text-align: center;
    margin: auto;
}
.no-mgtop{
    margin-top: 0
}

*{
    text-align: justify;
}

h1, h2, h3, h4, h5, h6{
    text-align: left;
}