a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,summary,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:none;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}body{margin:0}ul{list-style-type:none}a{background:transparent;text-decoration:none}button,input{line-height:normal}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}img{display:block;height:auto;max-width:100%}input:focus,textarea:focus{outline:0}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0}@media print{@page{margin:1cm}body{background:#fff;color:#000}a,blockquote,pre,table{page-break-inside:avoid}dl,ol,ul{page-break-before:avoid}}@font-face{font-family:DINP-R;font-style:normal;src:url(../images/design/DINPro-Regular.2ac4eb.eot) format("eot"),url(../images/design/DINPro-Regular.7b307e.woff) format("woff"),url(../images/design/DINPro-Regular.f8ce19.ttf) format("truetype")}.btns{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:30px}.btns button{background:#826778;border:0;border-radius:4px;-webkit-box-shadow:0 0 6px 0 rgba(0,0,0,.42);box-shadow:0 0 6px 0 rgba(0,0,0,.42);color:#e5e5e5;cursor:pointer;padding:10px;text-transform:uppercase}.btns button:hover{background:#4c4258}*{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Helvetica Neue,Arial,sans-serif;margin:auto}html{height:100%}body{background:#8e8594;background:url(../images/bgm.529616.jpg);background-size:cover;color:#fff;font-family:DINP-R,arial,serif;min-height:100vh;min-height:100%;text-align:center}h1{border-radius:5px;color:#eaeaea;display:inline-block;font-size:32px;margin:30px auto 0;padding:10px 20px;text-transform:uppercase}.container,h1{background:rgba(0,0,0,.259);text-align:center}.container{border-radius:10px;font-family:sans-serif;margin:60px auto;max-width:90%;padding:30px;position:relative;width:420px}.container .heading{color:#e8e8e8;font-size:40px}.container.presets{color:#e8e8e8}.container.presets h2{font-size:24px;font-weight:500;text-transform:uppercase}.container.presets ul{display:inline-block;list-style:none;margin:20px auto;padding:0}.container.presets li{background:rgba(0,0,0,.431);border:2px solid transparent;border-radius:5px;cursor:pointer;font-size:30px;margin:6px 0;padding:10px}.container.presets li.active{border-color:#e8e8e8}.container.presets li.custom{padding:0}.container.presets li.clean{background:none;padding:0}.container.presets li.custom input{background:rgba(0,0,0,.369);border:0;border-radius:5px;color:#fff;font-size:30px;outline:none;padding:10px;text-align:center}.container.presets .btns button{font-size:20px;width:100%}.timer .selectedPreset{display:none;font-size:16px}.timer .clock{-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between;margin-top:30px}.timer .clock,.timer .clock .flipWrap{display:-webkit-box;display:-ms-flexbox;display:flex}.timer .clock .flipWrap{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;-ms-flex-wrap:WRAP;flex-wrap:WRAP;justify-content:space-evenly;max-width:170px}.timer .clock .flip{background:#e8e8e8;border-radius:5px;-webkit-box-shadow:0 0 6px 1px rgba(0,0,0,.42);box-shadow:0 0 6px 1px rgba(0,0,0,.42);color:#444;font-size:60px;padding:16px 20px}.timer .clock .flipWrap span{color:#e8e8e8;margin-top:10px;text-transform:uppercase}.timer .clock .sep{background:transparent;color:#e8e8e8;font-size:60px;margin:0;max-width:20px;padding:10px 2px 20px 0}.timer .clock .flexBreak{-ms-flex-preferred-size:100%;flex-basis:100%;height:0}.timer .clock .fliptext{width:100%}.timer .btns button{width:48%}@media only screen and (max-width:440px){h1{font-size:24px}.container.presets h2,.container.presets li,.container.presets li.custom input{font-size:20px}.container.timer{padding:20px}.container.timer .flipWrap{max-width:140px}.container.timer .flip{font-size:54px;padding:12px 16px}.container.timer .sep{font-size:40px;padding-top:18px}}