*{font-family:'Azeret Mono', monospace;padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}.container{width:60%;height:100%;margin:0 auto;margin-top:150px}.timer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.timer__block{width:150px;border-bottom-right-radius:10px;border-bottom-left-radius:10px}.timer__block .time{background-color:#2987be;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;height:150px;font-size:95px}.timer__block .title{background-color:#1059b8;padding:5px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;text-align:center;color:#fff}.buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:800px;margin:0 auto;margin-top:150px}.buttons .button{border:none;border-radius:10px;font-size:18px;padding:10px;width:180px;-webkit-transition:0.3s ease-in-out;transition:0.3s ease-in-out;cursor:pointer}.buttons .button.start,.buttons .button.stop{color:#2987be}.buttons .button.start:hover,.buttons .button.stop:hover{background-color:#1059b8;color:#fff}.buttons .button.pause:hover{background-color:#e03b8b;color:#fff}.buttons .button.new:disabled{background:none;cursor:not-allowed}.results__block{position:absolute;left:15px;bottom:0;width:250px;border:1px solid #1059b8;color:#2987be;font-size:18px;padding:15px;text-align:center}.results__block .results__info{margin:5px 0;font-size:15px}