@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&display=swap");

@import url(reset.css);
@import url(variables.css);

/*Components*/
@import url(components/status-bar.css);
@import url(components/nav-bar.css);
@import url(components/screen-header.css);
@import url(components/user-component.css);
@import url(components/bage.css);
@import url(components/notification.css);
@import url(components/icon-row.css);
@import url(components/alt-screen-header.css);
@import url(components/no-mobile.css);
@import url(components/no-rotate.css);


/*Screens*/
@import url(screens/login.css);
@import url(screens/freinds.css);
@import url(screens/find.css);
@import url(screens/more.css);
@import url(screens/settings.css);
@import url(screens/chat.css);



body {
  color:#2e363e;
  font-family: "Open Sans", sans-serif;
  height: 1000vh;
  
}
.main-screen{
  padding: 0 var(--horizontal-space)
}