body {
    #start {
        user-select: none;

        .title {
            transition: none;
            color: black;
            scale: 1;
        }

        .title.active {
            transition: all 5s ease;
            color: #ffffff;
            scale: 1.5;
            animation: hover 10s linear infinite;
        }

        .title.active.green {
            transition: all 10s ease;
            color: #a0ff61;
        }

        .title:hover {
            transition: all 2s ease !important;
            filter: hue-rotate(360deg);
        }

        a.scroll {
            margin-top: 1rem;
            transition: none;
            text-decoration: none;
            color: white;
            scale: 0;
            font-weight: 100;
        }

        a.scroll.active {
            transition: all 5s ease;
            scale: 2;
        }

        a.scroll:hover {
            transition: all 0.15s ease;
            scale: 2.3;
        }
    }
}

@keyframes hover {
    0% {
        transform: translateY(0);
    }

    33% {
        transform: translateY(3px);
    }

    66% {
        transform: translateY(-3px);
    }

    100% {
        transform: translateY(0);
    }
}