*{
    margin:0;
}
body {
    background: linear-gradient(226deg, #020202, #17496b);
    background-size: 400% 400%;

    -webkit-animation: sfondoAnimato 18s ease infinite;
    -moz-animation: sfondoAnimato 18s ease infinite;
    -o-animation: sfondoAnimato 18s ease infinite;
    animation: sfondoAnimato 18s ease infinite;
    height: 100vh;
    width: 100vw;
}

.logoStefano{
    max-height: 100vh;
    width: 100%;
}

.contenuti{
    background: url("../images/sfondo.png") no-repeat center center;
    background-size: cover;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    position: relative;
}

.citazione{
    font-size: 2rem;
    font-style: italic;
}
.blockquote{
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
    padding:45px 25px 25px 25px;
    width: 70%;
    margin:25px auto;
    position: relative;
}

.blockquote:before{
    content:'“';
    font-family: Times, serif;
    color: #1f1f1f;
    position: absolute;
    top: -25px;
    background: #fff;
    padding: 25px 20px 0;
    border-radius: 25px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 50%;
    transform: translateX(-50%);
    font-size: 3.5rem;
}

.loghi{
    margin: 100px auto;
}

.loghi img{
    max-width:250px;
    width:100%;
}

.social{
    position: absolute;
    bottom: 20px;
    left:50%;
    transform: translateX(-50%);
}
.social a{
    color:#ffffff;
    margin:0 3px;
}

@media (max-width:798px){
    .contenuti{
        height: 100%;
        padding-top: 100px;
    }

    .logoStefano{
        width: auto;
        max-width: 40%;
        position: relative;
        left: 50%;
        transform: translateX(-50%) rotate(90deg);
    }

    .loghi img{
        max-width:60%;
        width:100%;
        margin-bottom:50px;
    }
}
@-webkit-keyframes sfondoAnimato {
    0%{background-position:84% 0%}
    50%{background-position:17% 100%}
    100%{background-position:84% 0%}
}
@-moz-keyframes sfondoAnimato {
    0%{background-position:84% 0%}
    50%{background-position:17% 100%}
    100%{background-position:84% 0%}
}
@-o-keyframes sfondoAnimato {
    0%{background-position:84% 0%}
    50%{background-position:17% 100%}
    100%{background-position:84% 0%}
}
@keyframes sfondoAnimato {
    0%{background-position:84% 0%}
    50%{background-position:17% 100%}
    100%{background-position:84% 0%}
}