.controls{border:1px solid black;padding:5px;width:150px;float:left;vertical-align:top}.controls .running{color:#1ec226}.controls .notRunning{color:red}.controls button{margin:5px}.period.active{background:lightblue;-webkit-box-shadow:inset 0px 0px 5px #8fadb7;-moz-box-shadow:inset 0px 0px 5px #8fadb7;box-shadow:inset 0 0 5px #8fadb7;outline:none}.period{margin:5px;cursor:pointer}.periods{display:flex;max-width:50%;float:right}.period-box{display:flex;flex-wrap:wrap}.timer{display:flex;flex-direction:column;padding:5px;max-width:calc(100% / 3);box-sizing:border-box}.timer *{margin:2px 0}.timer button{min-height:40px;padding:0}.timer button.selected{background:lightblue;-webkit-box-shadow:inset 0px 0px 5px #8fadb7;-moz-box-shadow:inset 0px 0px 5px #8fadb7;box-shadow:inset 0 0 5px #8fadb7;outline:none}.timer input{text-align:center}.forward,.defense,.goalie{display:flex;justify-content:space-evenly}.team{border:1px solid black;margin:10px;max-width:calc(50% - 20px)}.teamName{display:flex;justify-content:center}.teamName input{font-size:16px;text-align:center;border:none;border-bottom:1px solid black}.teams{display:flex;justify-content:center;max-width:100%}.controls-block{display:inline-block;width:100%;margin-bottom:10px}button{background:#ededed;border:1px solid #ccc;border-radius:3px;cursor:pointer}button:disabled{cursor:not-allowed}