:root {
    --dark-purple: #2D0320;
    --russian-violet: #392B58;
    --ultra-violet: rgb(100, 94, 157);
    --ultra-violet-transparent: rgba(100, 94, 157, 0.5);

    --grid-gap: 10px;
}

a {
    color: inherit;
    text-decoration: none;
}

.page-container {
    position: absolute;
    top: 0;
    width: 100%;
}

.hero-text > div > ul > li {
    margin: 1rem;
}

@media (max-width: 767px) {
    .page-container {
        position: relative;
    }
}