body{
    background-color:#fcd21c;
    max-height: 100vh;
    color: #000;
    background-image: url("../img/crunch-orsetto-pattern-150.png");
    background-attachment: fixed;
}

@media screen and (max-width: 768px){
    body{
        background-image: url("../img/crunch-orsetto-pattern-150.png");
    }
}

@font-face {
    font-family: Helvetica;
    src: url(../fonts/Helvetica.otf);
    font-family: 'Helvetica', sans-serif;
}
@font-face {
    font-family: Obviously-Super;
    src: url(../fonts/Obviously-Super.otf);
    font-family: 'Obviously-Super', sans-serif;
}

h1{
    font-family: 'Obviously-Super';
}

p{
    font-family: 'Helvetica';
}

.rombo-container{
    column-gap: 16px;
}
.rombo{
    background-color: #000;
    transform: rotate(45deg);
    width: auto;
    width: 28px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
}
a:hover > i,
a:focus > i{
    color: #fff;
}
i{
    color: #fcd21c;
    transform: rotate(-45deg);
    font-size: 18px;
}

.logo-locale{
    margin-bottom: 10px;
}