@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap');
@import 'reset.css';
@import 'variables.css';
/*Components*/
@import 'components/status-bar.css';
@import 'components/navigation-bar.css';
@import 'components/screen-header.css';
@import 'components/user-components.css';
@import 'components/badge.css';
@import 'components/red-dot.css';
@import 'components/icon-row.css';
@import 'components/alt-screen-header.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';

body {
  color: #2e363e;
  font-family: 'Open Sans', sans-serif;
  height: 1000vh;
}

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