@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap");

@import url("components/base.css");
@import url("components/loading.css");
@import url("components/navigation.css");
@import url("components/layout.css");
@import url("components/header.css");
@import url("components/about.css");
@import url("components/socials.css");

body {
    font-family: "JetBrains Mono", monospace;
}

.nav-status .status-item {
    flex-wrap: wrap;
}

.nav-status .status-value {
    white-space: normal;
    word-break: break-word;
    overflow-wrap: break-word;
}

@media (max-width: 1100px) {
    .main-container {
        margin-left: 0;
        padding: 40px 20px;
    }
}