*,.menu ul>li{padding:0}*{margin:0}body{font-family:"Lucida Console",Monaco,monospace}.app{width:100vw;height:100vh}.head{height:10vh;background-color:#4c4c4c}.menu,.menu ul{height:100%}.menu ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;list-style-type:none;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.menu ul>li>a{display:block;padding:10px 20px;color:#fff;text-decoration:none;cursor:pointer}.menu ul>li>a.active,.menu ul>li>a:hover{color:#ccc;background-color:#5d5757}.content{height:90vh;width:100vw}.content h1{position:relative;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}.table-container{height:100%;overflow:scroll}.table-container>table{table-layout:fixed;width:100vw;border-collapse:collapse}.table-container>table td{width:300px;height:32px;padding-left:10px;border:1px solid #5d5757;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:background-color 1s;-o-transition:background-color 1s;transition:background-color 1s}