/*font*/
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Open+Sans:ital,wght@0,800;1,800&display=swap');

@import "reset.css";
@import "variables.css";

/*screens*/
@import "screens/login.css";
@import "screens/friends.css";
@import "screens/find.css";
@import "screens/more.css";
@import "screens/settings.css";
@import "screens/chat.css";

/*components*/
@import "components/nav-bar.css";
@import "components/screen-header.css";
@import "components/user-components.css";
@import "components/status-bar.css";
@import "components/badge.css";
@import "components/dot.css";
@import "components/icon-row.css";
@import "components/alt-screen-header.css";
@import "components/no-mobile.css";

body {
    font-family: "Nunito", sans-serif;
    font-weight: 900;
    height: 100vh;
    color: var(--yellow);
    background-color: var(--Deep-Navy-Blue);
}

.main-screen {
    padding: 0px var(--horizontal-space);
}