body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center;height:100vh;background:#161b40;box-sizing:border-box;font-family:"Andale Mono",sans-serif;cursor:default}.App h1{color:#f40058;font-size:120px}.App .app-body{display:flex;flex-direction:column;box-sizing:inherit;height:inherit}.btn{display:flex;justify-content:center;align-items:center;padding:10px;border:none;outline:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;box-sizing:border-box;box-shadow:4px 5px 10px rgba(0,0,0,.1);border-radius:50%;height:60px;width:60px;cursor:pointer}.btn.home{background:#43bee5;transition:width .3s;font-weight:600;font-size:30px}.btn.home:hover{border-radius:50px;width:30%}.btn.function{transition:.3s;background:#fff}.btn.function:hover{background:#43bee5}.btn.disabled{pointer-events:none;background:#fff;opacity:.2}.btn:active{box-shadow:0 0 0 #666;transform:translateX(3px) translateY(4px)}.home-body{height:100vh;width:100vw;box-sizing:inherit;padding:0 33vw}.home-body,.home-body .content{display:flex;flex-direction:column;align-items:center;justify-content:center}.home-body .content{position:relative}.home-body.mount{animation:fade-in 1s ease-in forwards;opacity:0}.home-body.mount .spacer{animation-name:slide-in;animation-duration:1s;animation-timing-function:ease-out;animation-fill-mode:forwards;-webkit-animation-name:slide-in;-webkit-animation-duration:1s;-webkit-animation-timing-function:ease-out;-webkit-animation-fill-mode:forwards}.home-body.unmount{animation:fade-out .3s forwards}.home-body.unmount .spacer{animation-name:slide-out;animation-duration:1s;animation-timing-function:ease-in;animation-fill-mode:forwards;-webkit-animation-name:slide-out;-webkit-animation-duration:1s;-webkit-animation-timing-function:ease-in;-webkit-animation-fill-mode:forwards}@keyframes slide-in{0%{flex-grow:1}to{flex-grow:0}}@keyframes slide-out{0%{flex-grow:0}to{flex-grow:1}}.navbar{height:65px;background:#43bee5;padding:0 20px;box-sizing:border-box}.navbar,.navbar .tabs{width:100%;display:flex;flex-direction:row}.navbar .tabs{box-sizing:content-box;height:100%;align-items:center}.navbar .tabs .tab{display:flex;justify-content:center;align-items:center;padding:0 20px;height:100%;box-sizing:border-box;border-top-left-radius:20px 20px;border-top-right-radius:20px 20px;font-weight:600;cursor:pointer}.navbar .tabs .tab.selected{background:#161b40;color:#f40058}.navbar .tabs .tab.unselected:hover{background:rgba(0,0,0,.1)}.navbar .options{height:100%;flex-direction:row;font-size:20px}.navbar .options,.navbar .options .user-icon{display:flex;justify-content:center;align-items:center}.navbar .options .user-icon{height:inherit;padding:0 40px;box-sizing:border-box;border-top-left-radius:20px 20px;border-top-right-radius:20px 20px;cursor:pointer}.navbar .options .user-icon.selected{background:#161b40;color:#f40058}.navbar .options .user-icon.unselected:hover{background:rgba(0,0,0,.1)}.leisure-card{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;box-sizing:border-box;padding:50px;background:#43bee5;margin:0 20px 20px;border-radius:20px;position:relative;color:#000;opacity:0}.leisure-card .delete{position:absolute;top:6px;right:10px;font-size:15px;padding:10px;border:none;outline:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-filter:drop-shadow(3px 2px 3px rgba(0,0,0,.3));filter:drop-shadow(3px 2px 3px rgba(0,0,0,.3));transition:opacity .1s,transform .1s,-webkit-filter .1s;transition:opacity .1s,transform .1s,filter .1s;transition:opacity .1s,transform .1s,filter .1s,-webkit-filter .1s;cursor:pointer}.leisure-card .delete.disabled{transform:translateX(3px) translateY(2px);-webkit-filter:drop-shadow(0 0 0 #666);filter:drop-shadow(0 0 0 #666);opacity:.2;pointer-events:none}.leisure-card .delete:hover{transform:translateX(-1px) translateY(-1px);-webkit-filter:drop-shadow(4px 3px 4px rgba(0,0,0,.2));filter:drop-shadow(4px 3px 4px rgba(0,0,0,.2))}.leisure-card .delete:active{transform:translateX(3px) translateY(2px);-webkit-filter:drop-shadow(0 0 0 #666);filter:drop-shadow(0 0 0 #666)}.leisure-card .time-group{display:flex;flex-direction:row;align-items:center;width:100%}.leisure-card .time-group .time{text-align:left;font-size:38px;font-weight:600;color:#f40058}.leisure-card .btn.function{margin-left:auto;color:#f40058;width:80px;height:80px;font-size:30px}.leisure-card .btn.function:hover{background:#161b40}.leisure-card.mount{animation:fade-in 2s forwards}.leisure-card.unmount{animation:fade-out .5s forwards}.leisure-card input{outline:none;border:none;background:#43bee5;font-family:"Andale Mono";font-size:20px;font-weight:600}.leisure-card input:focus,.leisure-card input:hover{background:rgba(0,0,0,.2)}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.column{flex-grow:1;flex-basis:0;max-height:inherit}.column,.column .leisure-header{display:flex;flex-direction:column}.column .leisure-header{align-items:flex-start;box-sizing:border-box;padding:40px 40px 20px}.column .leisure-header .title{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.column .leisure-header .title .text{font-size:40px;font-weight:900}.column .leisure-header .total-time{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.column .leisure-header .total-time .time{font-size:50px;font-weight:900;color:#efa500}.column .leisure-header .total-time .btn-group{display:flex;flex-direction:row}.column .leisure-header .total-time .btn-group .btn{margin-left:20px}.column .body{display:flex;flex-direction:column;overflow:scroll;-ms-overflow-style:none;scrollbar-width:none}.column .body::-webkit-scrollbar{display:none}.leisure{display:flex;flex-direction:row;box-sizing:inherit;height:calc(100% - 65px);color:#f40058;opacity:0;animation:fade-in .5s forwards}.leisure .btn{width:40px;height:40px}.strict{display:flex;justify-content:center;align-items:center;color:#f40058;height:100%;opacity:0;animation:fade-in .5s forwards}@keyframes fade-in{to{opacity:1}}input{background:#fff}form{display:flex;flex-direction:column;height:100%;align-items:center;justify-content:center}.link{color:#f40058;text-decoration:underline;cursor:pointer}
/*# sourceMappingURL=main.cae9f5e4.chunk.css.map */