@import "utils/variables.css";
@import "utils/reset.css";
@import "components/header.css";
@import "components/mobile-navigation.css";
@import "components/hero.css";
@import "components/section2.css";
@import "components/section3.css";
@import "components/section4.css";
@import "components/footer.css";
@import "components/login-modal.css";
@import "components/dashboard-modal.css";
@import "components/language-switcher.css";
@import "components/product-modal.css";

#what-is-horum,
#community-section,
#plans-doc {
    height: 100vh;
    display: flex;
    align-items: center;
}

.nav-content {
    display: contents;
}

.footer-link-group {
    display: flex;
    flex-direction: column;
}

.notification-topic-link {
    color: var(--accent-pink);
    text-decoration: underline;
    opacity: 0.7;
}

.notification-topic-link:hover {
    opacity: 1;
}