/* DONT DELETE THIS */

@import 'reset.css';
@import 'variables.css';
/* WRITE YOUR CODE BELOW */

/* components */
@import './components/badge.css';
@import './components/status-bar.css';
@import './components/nav-bar.css';
@import './components/screen-header.css';
@import './components/user-component.css';
@import './components/icon-row.css';
@import './components/alt-screen-header.css';
@import './components/settings.css';
@import './components/no-mobile.css';
/* screens*/
@import './screen/login.css';
@import './screen/friends.css';
@import './screen/find.css';
@import './screen/more.css';
@import './screen/chat.css';

body {
    color: #2e363e;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    padding-top: 60px;
}

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