// general
@import "variables";
@import "main";

// shortcodes
@import "shortcodes/verticalposts";

// partials
@import "partials/sidebar";
@import "partials/footer";
@import "partials/helpers/icons";


#introduction {
    background: var(--vriish-gradient);
}

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;
        }
    }
}