style.css

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

/*components*/
@import "components/nav-bar.css";
@import "components/screen-header.css";
@import "components/user-component.css";
@import "components/badgs.css";
@import "components/icon-row.css";
@import "components/alt-screen-header.css";
@import "components/no-mobile.css";
@import "components/search.css";

/*screens*/
@import "screens/startlogin.css";
@import "screens/friends.css";
@import "screens/openchat.css";
@import "screens/more.css";
@import "screens/settings.css";
@import "screens/chat.css";
@import "screens/main.css";

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

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

.fa-music{
    cursor: pointer;
}

button{
    cursor: pointer;
    border-style:none;
    background-color: white;
}

.chat-left__backgroundColor button{
    cursor: pointer;
    background-color: #ABC1D1;
}