@import url("https://fonts.googleapis.com/css2?family=Jua&display=swap");

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

/* Components */

@import "components/status-bar.css";
@import "components/nav-bar.css";
@import "components/screen-header.css";
@import "components/user-component.css";
@import "components/badge.css";
@import "components/dots.css";
@import "components/icon.row.css";
@import "components/alt-screen-header.css";

/* Screens */
@import "screens/login.css";
@import "screens/friends.css";
@import "screens/chats.css";
@import "screens/find.css";
@import "screens/more.css";
@import "screens/settings.css";
@import "screens/chatroom.css";
@import "screens/logout-check.css";

body {
  font-family: "Jua", sans-serif;
}

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