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:90%;height:26px;padding-left:.4rem;font-family:Roboto,sans-serif;font-size:14px}.countdown{flex-flow:row;justify-content:center;align-items:center;width:100%;margin-top:1rem;margin-bottom:1rem;display:flex}.countdownTable{color:#e8e8e8;justify-content:center;gap:12px;font-family:Roboto,sans-serif;font-weight:600;display:flex}.cell{flex-direction:column;align-items:center;display:flex}.matchesContainer{scrollbar-width:none;flex:1;justify-content:flex-start;overflow-y:auto}.matchesContainer::-webkit-scrollbar{display:none}.matchCard{box-sizing:border-box;background-color:#1f1f1f;flex-shrink:0;width:100%;height:300px;margin-top:.5rem;margin-bottom:.5rem}.teams{flex-flow:row;justify-content:center;align-items:center;width:100%;height:60%;display:flex}.team{flex-flow:column;justify-content:flex-start;align-items:center;width:50%;padding-top:1rem;padding-bottom:0;display:flex}.team .flag{width:50%}.team .name{justify-content:center;align-items:center;height:50px;margin:0;padding-top:1rem;display:flex}.matchInfo{flex-flow:column;justify-content:center;align-items:center;width:100%;height:40%;display:flex}.matchInfo p{color:#e8e8e8;margin:.5rem;font-family:Roboto,sans-serif;font-weight:600}.ballImage{width:40px;height:40px;margin:1rem 1.5rem 1rem 1rem;animation:4s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}