@import url(variables.css);

@import url(layout/base.css);
@import url(layout/header.css);
@import url(layout/footer.css);
@import url(layout/sidebar.css);

@import url(pages/register.css);
@import url(components/sparkyController.css);
@import url(components/langSwitch.css);
@import url(pages/lab.css);
@import url(pages/labTabs.css);
@import url(pages/pseudocode.css);
@import url(pages/home.css);
@import url(pages/about.css);
@import url(pages/comingSoon.css);
@import url(pages/users.css);
@import url(pages/myprojects.css);
@import url(pages/orders.css);
@import url(pages/store.css);
@import url(pages/kits.css);
@import url(pages/shop.css);
@import url(pages/adminOrders.css);
@import url(pages/adminProducts.css);
@import url(pages/adminKits.css);
@import url(pages/profile.css);
@import url(pages/support.css);
@import url(pages/friends.css);
@import url(pages/community.css);
@import url(pages/notFound.css);
@import url(pages/legal.css);
@import url(pages/changelog.css);
@import url(pages/adminDashboard.css);

@import url(utils/notify.css);
@import url(utils/dialog.css);
@import url(utils/tutorial.css);

.main-card {
    background-color: var(--dark-blue);
    border-radius: var(--card-radius);
    border: var(--card-border-width) solid var(--card-border-color);
    margin: var(--card-margin);
    width: calc(100% - 2 * var(--card-margin) - 2 * var(--card-border-width));
    min-height: calc(100vh - var(--header-height) - var(--footer-height) - 2 * var(--card-margin) - 2 * var(--card-border-width));
}

[hidden] {
    display: none !important;
}