*{
    box-sizing:border-box;
}


html,
body{

    margin:0;
    width:100%;
    height:100%;

    overflow:hidden;

    font-family:'Montserrat', sans-serif;

}


/* SFONDO ANIMATO */

body{

    background:
    linear-gradient(
        120deg,
        #6a11cb,
        #2575fc,
        #00c6ff,
        #0072ff,
        #ff4ecd,
        #6a11cb
    );

    background-size:600% 600%;

    animation:
    gradientMove 18s ease infinite;

    color:white;

}



@keyframes gradientMove{

    0%{
        background-position:0% 50%;
    }

    25%{
        background-position:100% 50%;
    }

    50%{
        background-position:100% 100%;
    }

    75%{
        background-position:0% 100%;
    }

    100%{
        background-position:0% 50%;
    }

}



/* AREA TESTO */


main{

    height:100vh;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:40px;

}



#text{

    max-width:1200px;

    text-align:center;

    font-size:clamp(35px,5vw,80px);

    line-height:1.15;

    font-weight:400;

    letter-spacing:-2px;

    opacity:0;

    transform:
    translateY(20px);

    transition:
    opacity 1s ease,
    transform 1s ease;

    text-shadow:
    0 10px 40px rgba(0,0,0,.15);

}



#text.visible{

    opacity:1;

    transform:
    translateY(0);

}



/* FOOTER */


footer{

    position:fixed;

    bottom:0;

    left:0;

    width:100%;

    padding:20px;

    text-align:center;

    font-size:12px;

    line-height:1.8;

    color:rgba(255,255,255,.85);

}


footer a{

    color:white;

    text-decoration:none;

}


footer a:hover{

    text-decoration:underline;

}



/* MOBILE */


@media(max-width:600px){

    footer{

        font-size:11px;

    }


    #text{

        letter-spacing:-1px;

    }

}