@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Ubuntu&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat&family=Open+Sans&family=Roboto&family=Source+Sans+Pro&family=Ubuntu&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lato:wght@700&display=swap);*{box-sizing:border-box;margin:0;padding:0}* ::selection{background:#028525;color:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#011e25}::-webkit-scrollbar-thumb{background-color:#e0e0e0;border-radius:20px}p{font-weight:700}body{color:#fff;font-family:Open Sans,sans-serif}body main{background:#012b36;height:100vh;overflow:hidden;padding:0 1em 1em;width:100%}body main header{-webkit-touch-callout:none;justify-content:space-between;padding-bottom:1em;-webkit-user-select:none;-ms-user-select:none;user-select:none}body main header,body main header .left-header{align-items:flex-start;display:flex}body main header .left-header .logo{align-items:center;background:#028525;border-radius:0 0 4px 4px;display:flex;height:40px;justify-content:center;text-align:center;width:150px}body main header .left-header .logo img{height:27px;margin-right:.5em}body main header .left-header .logo h1{color:#fff;font-size:18px;font-weight:lighter;font-weight:400}body main header .left-header .menu{align-items:flex-start;display:flex;flex-wrap:wrap}body main header .left-header .menu .size{align-items:center;background:#fff;background:#014353;border-radius:0 0 4px 4px;cursor:pointer;display:flex;height:40px;justify-content:space-between;margin-left:1em;padding:1em;position:relative;width:100px}body main header .left-header .menu .size:hover{background:#028525}body main header .left-header .menu .size p{font-size:14px}body main header .left-header .menu .size i{font-size:20px}body main header .left-header .menu .size .drop-size{background:#014353;border-radius:4px;box-shadow:0 2px 5px 0 #111;left:0;position:absolute;top:44px;transition:all .1s ease-in-out;width:100px}body main header .left-header .menu .size .drop-size .sizes{align-items:center;display:flex;padding:.65em 1em;transition:all .1s ease-in-out;width:100%}body main header .left-header .menu .size .drop-size .sizes:hover{color:#028525}body main header .left-header .menu .font{align-items:center;background:#fff;background:#014353;border-radius:0 0 4px 4px;cursor:pointer;display:flex;height:40px;justify-content:space-between;margin-left:1em;padding:1em;position:relative;width:180px}body main header .left-header .menu .font:hover{background:#028525}body main header .left-header .menu .font p{font-size:14px}body main header .left-header .menu .font i{font-size:20px}body main header .left-header .menu .font .drop-font{background:#014353;border-radius:4px;box-shadow:0 2px 5px 0 #111;left:0;position:absolute;top:44px;transition:all .1s ease-in-out;width:180px}body main header .left-header .menu .font .drop-font .fonts{align-items:center;display:flex;padding:.65em 1em;transition:all .1s ease-in-out;width:100%}body main header .left-header .menu .font .drop-font .fonts:hover{color:#028525}body main header .left-header .menu .theme{align-items:center;background:#fff;background:#014353;border-radius:0 0 4px 4px;cursor:pointer;display:flex;height:40px;justify-content:center;margin-left:1em;padding:1em;width:80px}body main header .left-header .menu .theme:hover{background:#028525}body main header .left-header .menu .theme p{font-size:14px}body main header .left-header .menu .voice{align-items:center;background:#fff;background:#014353;border-radius:0 0 4px 4px;cursor:pointer;display:flex;height:40px;justify-content:center;margin-left:1em;padding:1em;width:80px}body main header .left-header .menu .voice:hover{background:#028525}body main header .left-header .menu .voice p{font-size:14px}body main header .left-header .menu .time{align-items:center;background:#fff;background:#014353;border-radius:0 0 4px 4px;display:flex;height:40px;justify-content:center;margin-left:1em;padding:1em;position:relative;width:200px;z-index:1000}body main header .left-header .menu .time:hover{background:#028525}body main header .left-header .menu .time p{align-items:center;cursor:pointer;display:flex;font-size:14px}body main header .left-header .menu .time p svg{height:25px;margin-right:.8em}body main header .left-header .menu .time .drop-timer{background:#014353;border-radius:4px;box-shadow:0 2px 5px 0 #111;padding:1em;position:absolute;right:0;top:44px;transition:all .1s ease-in-out;width:250px}body main header .left-header .menu .time .drop-timer .close{cursor:pointer;position:absolute;right:.25em;top:.25em}body main header .left-header .menu .time .drop-timer .close img{height:30px}body main header .left-header .menu .time .drop-timer .timer{align-items:flex-start;display:flex;flex-direction:column}body main header .left-header .menu .time .drop-timer .timer .timer-head{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:.5em 0;text-align:center;width:100%}body main header .left-header .menu .time .drop-timer .timer .timer-head h3{font-family:Ubuntu,sans-serif;font-size:20px}body main header .left-header .menu .time .drop-timer .timer .timer-head h1{font-family:Open Sans,sans-serif;font-size:30px;font-weight:400}body main header .left-header .menu .time .drop-timer .timer .min{align-items:flex-start;display:flex;flex-direction:column;padding:.5em 0;width:100%}body main header .left-header .menu .time .drop-timer .timer .min p{font-size:16px}body main header .left-header .menu .time .drop-timer .timer .min input{background:#fff;border:none;border-radius:4px;color:#555;font-size:16px;height:40px;margin-top:.25em;outline:none;padding:0 .5em;width:100%}body main header .left-header .menu .time .drop-timer .timer .min .timer-btn{align-items:center;display:flex;width:100%}body main header .left-header .menu .time .drop-timer .timer .min .timer-btn button{align-items:center;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-family:Open Sans,sans-serif;font-size:14px;height:40px;justify-content:center;outline:none;width:50%}body main header .left-header .menu .time .drop-timer .timer .min .timer-btn button:first-child{background:#028525;margin:.8em .4em 0 0}body main header .left-header .menu .time .drop-timer .timer .min .timer-btn button:first-child:hover{background:#027621}body main header .left-header .menu .time .drop-timer .timer .min .timer-btn button:nth-child(2){background:#d13434;box-shadow:0 2px 5px 0 #111;margin:.8em 0 0 .4em}body main header .left-header .menu .time .drop-timer .timer .min .timer-btn button:nth-child(2):hover{background:#b32c2c}body main header .left-header .menu .time .drop-timer .timer .min .timer-btn button i{margin-right:.5em}body main header .left-header .menu .time .drop-timer .line-time{padding:1.5em 0}body main header .left-header .menu .time .drop-timer .line-time .line{background:#011e25;border-radius:30px;height:8px;width:100%}body main header .right-menu{align-items:center;display:flex}body main header .right-menu .completed{align-items:center;background:#014353;border-radius:0 0 4px 4px;display:flex;height:40px;justify-content:center;margin-right:1em;width:160px}body main header .right-menu .completed p{font-size:14px}body main header .right-menu .title{align-items:center;background:#014353;border-radius:0 0 4px 4px;display:flex;height:40px;width:180px}body main header .right-menu .title input{background:none;border:none;border-radius:0 0 4px 4px;color:#fff;font-family:Open Sans,sans-serif;font-weight:700;height:30px;outline:none;padding:0 1em;width:100%}body main .container{align-items:center;display:flex;height:100%;width:100%}body main .container .left{background:#011e25;border-radius:4px;height:100%;position:relative;width:30%}body main .container .left .left-title{-webkit-touch-callout:none;align-items:center;background:#014353;border-radius:4px 4px 0 0;display:flex;height:40px;justify-content:space-between;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}body main .container .left .left-title .prep{align-items:center;background:#011e25;border-radius:4px 0 0 0;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0 1em;text-align:center}body main .container .left .left-title .prep p{font-size:14px}body main .container .left .tasks{border-radius:4px;height:85%;overflow-y:scroll;padding:1em;width:100%}body main .container .left .tasks .mark{align-items:flex-start;display:flex;flex-direction:column;width:100%}body main .container .left .tasks .mark .com{align-items:center;display:flex;padding-bottom:.5em}body main .container .left .tasks .mark .com p{font-size:14px}body main .container .left .tasks .mark .un{align-items:center;display:flex;padding-bottom:1em}body main .container .left .tasks .mark .un p{font-size:14px}body main .container .left .tasks .task{align-items:center;background:#014353;border-radius:4px;border-right:2em solid #028525;box-shadow:0 2px 5px 0 #111;display:flex;height:50px;justify-content:space-between;margin-bottom:.25em;padding:1em;position:relative;width:100%}body main .container .left .tasks .task:hover .task-second img{display:block}body main .container .left .tasks .task .task-first{align-items:center;display:flex}body main .container .left .tasks .task .task-first .dot{background:linear-gradient(#04ff00,#369536);border-radius:50%;box-shadow:0 2px 5px 0 #111;cursor:pointer;height:20px;margin-right:.8em;width:20px}body main .container .left .tasks .task .task-first p{color:#fff;cursor:pointer;font-size:14px}body main .container .left .tasks .task .task-second{align-items:center;cursor:pointer;display:flex}body main .container .left .tasks .task .task-second img{display:none;height:30px}body main .container .left .tasks .task .pad{background:#04be36;border-radius:0 4px 4px 0;height:50px;position:absolute;right:-1.5em;top:0;width:30px}body main .container .left .tasks .copy{padding-top:.75em}body main .container .left .tasks .copy p{font-size:14px}body main .container .left .tasks .copy p span{color:#028525;cursor:pointer;text-decoration:none}body main .container .left .tasks .copy p:nth-child(2){padding-top:.25em}body main .container .right{background:#011e25;border-radius:4px;height:100%;margin-left:1em;position:relative;width:70%}body main .container .right .right-title{-webkit-touch-callout:none;align-items:center;background:#014353;border-radius:4px 4px 0 0;display:flex;height:40px;justify-content:space-between;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}body main .container .right .right-title .prep{align-items:center;background:#011e25;border-radius:4px 0 0 0;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0 1em;text-align:center}body main .container .right .right-title .prep p{font-size:14px}body main .container .right .right-title .op{align-items:center;display:flex}body main .container .right .right-title .op .remove{align-items:center;cursor:pointer;display:flex;height:40px;justify-content:center;width:55px}body main .container .right .right-title .op .remove:hover{background:#028525}body main .container .right .right-title .op .remove svg{height:25px}body main .container .right .right-title .op .save{align-items:center;background:#1b74e4;border-radius:0 4px 0 0;cursor:pointer;display:flex;height:40px;justify-content:center;text-align:center;width:100px}body main .container .right .right-title .op .save:hover{background:#145aae}body main .container .right .right-title .op .save p{font-size:14px}body main .container .right .preps{align-items:center;display:flex;height:40px;padding:1em;width:100%}body main .container .right .preps p{border-radius:4px;cursor:pointer;font-size:14px;margin-right:1em;padding:.1em .45em;transition:all .1s ease-in-out}body main .container .right .title input{background:#011e25;border:none;color:#fff;font-family:Open Sans,sans-serif;font-size:16px;font-weight:700;height:30px;outline:none;padding:0 1em;resize:none;text-decoration:underline;width:100%}body main .container .right textarea{background:#011e25;border:none;color:#fff;height:80%;outline:none;overflow-y:scroll;padding:1em;resize:none;transition:all .3s ease-in-out;width:100%}body main .border{background:#012b36;bottom:0;height:1em;left:0;position:absolute;right:0;width:100%}@media (max-width:1300px){body main header .left-header{flex-direction:column;flex-wrap:wrap}body main header .left-header .menu{background:#014353;border-radius:5px;display:flex;margin-top:1em;padding:0 1em 1em;width:100%;z-index:10000}body main header .left-header .menu .font,body main header .left-header .menu .size,body main header .left-header .menu .theme,body main header .left-header .menu .time,body main header .left-header .menu .voice{background:#011e25;border-radius:4px;margin:1em 0 0 1em}body main header .left-header .menu .time .drop-timer{left:0}}@media (max-width:700px){body main header .left-header{flex-direction:column}body main header .left-header .menu{background:#014353;border-radius:5px;display:flex;margin-top:1em;padding:0 1em 1em;width:100%;z-index:10000}body main header .left-header .menu .font,body main header .left-header .menu .size,body main header .left-header .menu .theme,body main header .left-header .menu .time,body main header .left-header .menu .voice{background:#011e25;border-radius:4px;margin:1em 1em 0 0}body main header .left-header .menu .time .drop-timer{left:0}body main header .right-menu{left:180px;position:absolute;top:0}body main header .right-menu .completed{display:none}}@media (max-width:1200px){body main{height:auto;overflow:visible;overflow:initial}body main .container{flex-direction:column-reverse}body main .container .right{height:80vh;margin:0;width:100%}body main .container .left{height:60vh;margin-top:1em;width:100%}body main .border{display:none}}
/*# sourceMappingURL=main.892a62da.css.map*/