body,html{height:100%}body{margin:0;font-size:100%}body>div{display:flex;min-height:100%;background:#fff;background-size:320px,100%;background-repeat:no-repeat;background-position:0 50px,0;background-image:url(/timetobe/src/hours-bg.gif),linear-gradient(120deg,#fff,#b6fbff)}.App{font-family:"Helvetica";padding-left:320px;font-size:1em;display:flex;flex-direction:column;color:#0e0f0c}.App-header{min-height:92px;align-items:center}.App-body,.App-header{display:flex;flex-wrap:wrap}.App-body{align-content:center;flex-grow:1;flex-direction:row}.App-button{border-color:#ff0;background:#f9f937;cursor:pointer;width:110px;margin-left:1em}strong{color:#61dafb}button,input,select,textarea{outline:none;padding:.6em;border-bottom-right-radius:6px;border-top-left-radius:6px}select{border:1px solid #61dafb;margin:1em 0 1em 1em}select:focus,select:hover{border-color:#ff0}.clock{position:relative;margin:.8em;background:#fff;border:1px solid #61dafb;width:180px;height:100px;text-align:center;border-bottom-right-radius:6px;border-top-left-radius:6px;box-shadow:2px 6px 17px -5px rgba(0,0,0,.75)}.clock--default,.clock:hover{border-color:#ff0}.clock-title{display:block;padding:0 .3em;line-height:2em;overflow:hidden;text-overflow:ellipsis}.clock-title--default{color:#dcbe0c}.close{position:absolute;right:0;top:0;width:100%;height:100%;opacity:0}.close:hover{cursor:pointer;opacity:1}.close:after,.close:before{position:absolute;left:50%;content:" ";height:100%;width:2px;background-color:#ff0}.close:before{transform:rotate(45deg)}.close:after{transform:rotate(-45deg)}