@import url("https://fonts.googleapis.com/css2?family=Gugi&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/mobile.css";

/* screens */
@import "screens/login.css";
@import "screens/friends.css";
@import "screens/chats.css";
@import "screens/chatting.css";
@import "screens/search.css";
@import "screens/more.css";
@import "screens/setting.css";

* {
  box-sizing: border-box;
}

body {
  font-family: "Gugi", cursive;
  background-color: var(--main-light-green);
  width: 100%;
  overflow-x: hidden;
  cursor: default;
  transition-duration: 0.5;
}