website/assets/home.scss

#introduction {
    align-items: center;
    background: var(--vriish-gradient);
    display: flex;
    flex-direction: column;
    padding: 3em 0;
    gap: .5em;
    justify-content: center;
    z-index: 2;
    h1, p {
        margin: 0;
    }
}

section {
    position: relative;
    h2 {
        .more{
            font-size: .75em;
            font-weight: normal;
            hyphens: none;
            &::after {
                content: "\27F6";
                margin-left: .25em;
                transition: margin .5s;
            }
            &:hover::after {
                margin-left: .5em !important;
            }
        }
        &:hover .more::after {
            margin-left: .35em;
        }
    }
}