main.scss

@import url("https://fonts.googleapis.com/css2?family=Lobster&display=swap");

body {  
    margin: 0;  
    height: 100vh;
    font-family: 'Lobster', cursive;
    font-size: 5rem;
}

.content {   
    min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgb(84, 153, 202);

    & div {
        cursor: pointer;      
        color: #fcedd8;
        text-shadow: 5px 5px 0px #eb452b, 
        10px 10px 0px #efa032, 
        15px 15px 0px #46b59b, 
        20px 20px 0px #017e7f, 
        25px 25px 0px #052939, 
        30px 30px 0px rgb(61, 111, 146), 
        35px 35px 0px rgb(61, 111, 146), 
        40px 40px 0px rgb(61, 111, 146), 
        45px 45px 0px rgb(61, 111, 146);

        transition: 200ms ease-in-out;

        &:hover {
            font-size: 8rem;
            transform: rotate(-13deg);
        }
    }
}