html,body{width:100%;height:100%;margin:0}#root{background-color:#060914e0;flex-flow:column;align-items:center;width:100%;height:100%;display:flex;overflow-y:hidden}h1{text-align:center;color:#e8e8e8;margin:1rem;font-family:sans-serif;font-size:20px;font-weight:900}h1:first-child{font-weight:900}.container,.mainContainer{background-color:#363840e0;flex-flow:column;justify-content:flex-start;align-items:center;width:100%;padding-left:1rem;padding-right:1rem;display:flex}.mainContainer{box-sizing:border-box;max-width:600px;height:100%;position:relative}.searchBarContainer{background-color:#363840e0;flex-flow:column;flex-shrink:0;display:flex}.searchBar{justify-content:center;align-items:center;width:100%;margin-top:1rem;display:flex}.searchBarInput{color:#e8e8e8;background-color:#060914e0;border:none;outline:none;width:100%;height:30px;padding-left:.4rem;font-family:Roboto,sans-serif;font-size:14px}.serversContainer{scrollbar-width:none;flex:1;justify-content:flex-start;overflow-y:auto}.serversContainer::-webkit-scrollbar{display:none}.serverCard{box-sizing:border-box;background-color:#1f1f1f;flex-shrink:0;width:100%;height:400px;margin-top:.5rem;margin-bottom:.5rem}.servers{flex-flow:row;justify-content:center;align-items:center;width:100%;height:60%;display:flex}.server{flex-flow:column;justify-content:flex-start;align-items:center;width:50%;padding-top:1rem;padding-bottom:0;display:flex}.server .serverIcon{width:50%}.server .name{white-space:nowrap;text-overflow:ellipsis;justify-content:center;align-items:center;height:50px;margin:0;padding-top:1rem;display:flex;overflow:hidden}.serverInfo{flex-flow:column;justify-content:center;align-items:center;width:100%;height:40%;display:flex}.serverInfo p{color:#e8e8e8;text-align:center;margin:.5rem;font-family:Roboto,sans-serif;font-weight:600}