body{margin:0;padding:0;background-color:#001741}.overlay{background-color:#000;position:fixed;width:100%;height:100%;top:0;left:0;pointer-events:none;transition:opacity 1s}.overlay,.start.fadeIn{opacity:1}.start{position:fixed;top:calc(50vh - 50px);right:calc(50vw - 100px);width:200px;height:100px;border:none;color:#fff;background-color:transparent;font-size:4rem;font-family:Amatic SC;opacity:0;transition:opacity .5s;display:none}.start:hover{color:#9400d3}.main{padding:80px 20px 10px 20px;background-size:100% 100%;overflow-y:hidden;overflow-x:hidden;color:#fff;img{position:absolute;left:20px;top:20px}}.wrapper{margin-bottom:50px;border:1px solid #ddd;padding:20px}.wrapper>.header{margin-bottom:20px;text-align:center;font-size:20px;font-weight:700}.wrapper .content{display:flex;width:100%;align-items:center;justify-content:space-between}.wrapper .content .item{width:16.6%;span{margin:0 5px}}.wrapper .content .item .info{margin-top:5px;display:flex;align-items:center}canvas{position:relative}.run,.stop{display:inline-block;width:10px;height:10px;border-radius:10px;background-color:green}.stop{background-color:#ddd}input{width:100px;margin:0 5px}