body{margin:0}#app{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}#content{max-width:800px;margin-left:20px;margin-right:20px}.navbar{display:flex;background-color:#ccc;height:40px;align-items:center;padding-left:20px;padding-right:20px;margin-bottom:10px}.navbar__left{font-size:1.3rem}.navbar__left,.navbar__right{color:#000;text-decoration:none}.navbar__right{font-size:.8rem;margin-left:auto}@media screen and (min-width:800px){#content{margin-left:calc(50vw - 400px)}.navbar{padding-left:calc(50vw - 400px);padding-right:calc(50vw - 400px)}}.home{padding-bottom:100px}.home__pTableCont{max-width:100%;overflow-x:auto}.home__years{width:100%;display:flex;align-items:center}.home__yearsSelect{flex:6;margin-right:10px;font-size:1.2rem}.home__yearsButton{flex:1}.player{padding-bottom:100px}.player__overview{contain:content}.player__pic{height:100px;width:100px;float:right}.player__record--wins{color:#006400}.player__record--losses{color:red}.player__yearSelection{display:flex}.player__yearSelect{flex:4;margin-right:10px}.player__yearData{margin-top:10px;border:1px solid grey;padding:10px}.player__match--opponent{color:#000;font-weight:600;text-decoration:none;cursor:pointer}.player__match--won{color:#006400;margin-left:5px}.player__match--lost{color:red;margin-left:5px}.player__finalPlace{font-weight:700;font-size:1.2rem}.player__opponentSection{margin-top:20px}.player__opponentSelection{display:flex}.player__opponentSelect{flex:4;margin-right:10px}.player__opponentData{margin-top:10px;border:1px solid grey;padding:10px}.player__opponentOdds{margin-top:10px}.player__oddsBar{display:flex;border:1px solid #000}.player__oddsBar--left{text-align:center;color:#fff;background:#006400}.player__oddsBar--right{text-align:center;color:#fff;background:red}.bracket{display:flex}.bracket__container{overflow:auto;width:100%;height:500px}.bracket__table{margin:10px;width:2700px;transform-origin:0 0 0}.bracket__bottom{border-bottom:1px solid #000;padding-left:5px;padding-right:5px;height:1rem;width:150px}.bracket__right{border-right:1px solid #000;height:1rem;width:150px}.bracket__left{border-left:1px solid #000}.bracket__blank,.bracket__left{height:1rem;width:150px}.bracket__label{padding-left:5px;padding-right:5px;font-weight:600}.bracket__link{color:#000;text-decoration:none}.bracket__zBtn{background:#fff;width:30px;margin-bottom:10px;font-size:1.2rem}.year{padding-bottom:100px}.year__nav{display:flex}.year__navLeft{margin-right:20px}.year__tableContainer{max-width:100%;overflow-x:auto}.year__subheading{margin-top:20px}