@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&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/alt-screen-header.css";
@import "components/user-component.css";
@import "components/badge.css";
@import "components/icon-row.css";
@import "components/no-mobile.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";

html {
  background: linear-gradient(30deg, black, greenyellow);
}

body {
  position: relative;
  width: 100vw;
  height: 100vh;
  color: #2f363e;
  font-family: "Open Sans", "Noto Sans KR" serif;
  background-color: var(--dark-gray);
  border-radius: 35px;
  border: 1px solid white;
  padding: 10px;
  box-sizing: border-box;
  overflow: scroll;
}