@font-face {font-family: 'Bebas Neue';src: url('fonts/bebasneue-regular-webfont.woff2') format('woff2'),url('fonts/bebasneue-regular-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'montserratthin_italic';src: url('fonts/montserrat-italic-variablefont_wght-webfont.woff2') format('woff2'),url('fonts/montserrat-italic-variablefont_wght-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Montserrat';src: url('fonts/montserrat-variablefont_wght-webfont.woff2') format('woff2'),url('fonts/montserrat-variablefont_wght-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Oswald';src: url('fonts/oswald-variablefont_wght-webfont.woff2') format('woff2'),url('fonts/oswald-variablefont_wght-webfont.woff') format('woff');font-weight: normal;font-style: normal;}

.logo{background-color: #3e2a2a; padding: 1.5rem;}
.footer{background-color: #3e2a2a; padding: 2.4em;}
.logo img{max-width: 20%;}
header {font-family: 'Bebas Neue', cursive;margin-top: 4rem;text-align: center;}
header h1 {font-size: 8rem;}
header h2 {font-size: 3rem;}
.worldstove-subs{
    padding: 1em 0;
}
.worldstove-desc hr{padding-top: 1em;}

main{font-family: 'Montserrat', sans-serif;font-size: 1.5rem; margin-top: 3rem;font-weight: 600;}
main figure{margin-bottom: 3rem;}
main figure blockquote{margin-top: 3rem;margin-bottom: 3rem;}
.blockquote-footer{margin-top: 1em;}
#lista-scelte{font-family: "Oswald";    font-size: 2rem; margin-top: 2em; margin-bottom: 2em;}
#lista-mezzi{font-size: 0.8em; margin-bottom: 2em;}
#lista-mezzi b{font-weight: bolder;font-family: 'Oswald';font-size: 1.4em;}
#tre-velo,#il-velo,#grafici{margin-top: 2em;margin-bottom: 2em;}
#speed-list{margin-bottom: 2rem; margin-top: 1rem;}
.lista p{margin-bottom:2rem;}
.logo-img{margin:3rem;}

.grassetto{font-weight: bolder;font-family: 'Oswald';font-size: 1.4em;}
.capitoli{font-size: 3rem;margin: 2rem 0; font-weight: bold;}
.blocchi-testo{margin: 1rem 5rem;}
.sezioni{margin: 5rem 0rem;}
.lista{margin: 3rem 0;}

.social {
    position: relative;
    height: 3em;
    width: 13.5em;
    margin:1em auto;
}

.social li {
    display: block;
    height: 4em;
    line-height: 4em;
    margin: -2.2em;
    position: absolute;
    -webkit-transition: -webkit-transform .7s;
    -moz-transition: -moz-transform .7s;
    -ms-transition: -ms-transform .7s;
    -o-transition: -o-transform .7s;
    transition: transform .7s;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    text-align: center;
    width: 4em;

}

.social a {
    color: #fffdf0;
    display: block;
    height: 4em;
    text-align: center;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 4em; 
    font-size: larger;
}

.social li:hover {
  -webkit-transform: scale(1.3,1.3) rotate(45deg);
    -moz-transform: scale(1.3,1.3) rotate(45deg);
  -ms-transform: scale(1.3,1.3) rotate(45deg);
    -o-transform: scale(1.3,1.3) rotate(45deg);
  transform: scale(1.3,1.3) rotate(45deg);
}

.youtube {
    background:#dc0000;
    left: 0;
    top: 0%;
}

.twitter {
    background: #1a9ec4;
    bottom: 0;
    left: 25%;
}
.youtube2 {
    background: #155b9d;
    left: 50%;
    top: 0%;
}

.twitter2 {
    background: #1a9ec4;
    bottom: 0;
    left: 25%;
}

.instagram {
    background: #E4405F;
    left: 50%;
    top: 0%;
}
.mastodon {
    background: #6364ff;
    bottom: 0;
    left: 75%;
}
.mastodon2 {
    background: #3f7aa3;
    top: 0%;
    left: 50%;
}
.mastodon3 {
    background: #3f7aa3;
    bottom: 0;
    left: 75%;
}