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}body,html{margin:0;padding:0;height:100%;width:100%;font-family:"Merriweather";background-color:#26262c;overflow:hidden;background-image:url(http://api.thumbr.it/whitenoise-361x370.png?background=26262c&density=13&noise=5c5c5c&opacity=30)}.navbar{position:relative;padding:5px;background-color:#18181b;font-size:15px;border-bottom:2px solid #712cdb}.navbar>h1{color:#fff;left:10px}.addButton,.navbar>h1{display:inline;-webkit-user-select:none;-ms-user-select:none;user-select:none}.addButton{text-align:center;color:#712cdb;position:absolute;font-size:30px;right:5%;border-radius:50%}.addButton:hover{color:#fff;cursor:pointer}#menu{background-color:#18181b;position:absolute;top:47px;right:2.5%;font-size:20px;padding:0 20px 20px;z-index:2;text-align:center}#menu p{color:#8d4cef;-webkit-user-select:none;-ms-user-select:none;user-select:none;margin:5px 0}#menu p:hover{color:#fff}#bin{width:100px;bottom:0;right:10px}#bin,#binTop{position:absolute;z-index:5}#binTop{width:120px;bottom:103px;right:1px;transition:all .3s}#recycleBin{position:absolute;right:20px;bottom:5px;opacity:.4;z-index:5}#recycleBin:hover{opacity:1}#recycleBin:hover>#binTop{transform:rotate(30deg);bottom:130px;right:-15px}.todo{position:absolute;z-index:1;width:300px;height:300px;display:block;font-size:1.5em;padding:40px 0 0;background-color:#18181b;color:#fff;border:1px solid #8d4cee}.todo li{display:inline;margin-left:4px}.todo li:hover{cursor:pointer;color:#8d4cee}.todo img{position:absolute;right:5%}.todo s{color:#8d4cee}#addButtonTodo{position:absolute;top:0;right:15px;font-size:1.5em;color:#8d4cee}#addButtonTodo:hover{color:#fff;cursor:pointer}#deleteBtn{opacity:.5}#deleteBtn:hover{opacity:1;cursor:pointer}#newTodo{top:5px;left:5px;width:80%;border:1px solid #712cdb;background-color:#26262c;font-size:1em;color:#fff;z-index:2}#newTodo,#note{position:absolute}#note{width:322px;height:356px;background-color:#18181a;border-radius:5px;border:1px solid #8d4cef}#note p{margin:0 0 0 10px}#noteInput,#note p{color:#fff;font-size:20px}#noteInput{bottom:1px;left:0;background-color:#18181a;border:none;border-top:1px solid #8d4cef;border-radius:5px;padding:10px;height:300px;resize:none}#noteInput,#timer{position:absolute;width:300px}#timer{background-color:#18181b;color:#8d4cee;height:180px;border:1px solid #8d4cee;text-align:center;display:inline}#timerNavbar{border-bottom:1px solid #8d4cee}#timerNavbar p{display:inline;text-align:center;text-decoration:none;font-size:17px;margin-left:7px}#timerNavbar p:hover{color:#fff;cursor:pointer}#timerNavbar .active{color:#fff}#timer img:hover{-webkit-animation:onewayrotation .7s ease-out;animation:onewayrotation .7s ease-out}@-webkit-keyframes onewayrotation{0%{transform:rotate(0)}to{transform:rotate(-1turn)}}@keyframes onewayrotation{0%{transform:rotate(0)}to{transform:rotate(-1turn)}}#stopwatch{text-align:center;font-size:50px;color:#fff}#stopwatch p{font-size:50px;margin-top:0;margin-bottom:10px}#stopwatch img{width:60px;right:40px}#stopwatch img,.playButton{position:absolute;cursor:pointer}.playButton{box-sizing:border-box;height:60px;will-change:border-width;left:40px;border-color:transparent transparent transparent #8d4cee;border-style:solid;border-width:30px 0 30px 47px;background-color:transparent}.pause{border:double;border-width:0 0 0 47px}#countdown input{display:inline;width:50px;height:50px;font-size:30px;background-color:#18181b;border:none;color:#fff}#countdown img{width:60px;position:absolute;cursor:pointer;right:40px;bottom:10px}#countdown h1{display:inline}#countdown #timeset{margin:auto;top:20px}#countdown .playButton{bottom:12px}#pomodoro{color:#fff}#pomodoro .playButton{left:10px;top:40%}#pomodoro img{position:absolute;width:60px;top:40%;right:10px}#player{position:absolute;width:392px;height:250px;background-color:#18181b;border:1px solid #8d4cef;color:#8d4cef}#player iframe{position:absolute;border-top:1px solid #8d4cef;bottom:0;z-index:1}#player button{background-color:#26262c;color:#fff;border:none;margin-left:10px;height:20px}#player button:hover{background-color:#18181b}#player input{height:22px;font-size:18px;margin-top:2px;margin-left:2px;display:inline;width:70%;border:none;color:#fff}#draw,#player input{background-color:#26262c}#draw{width:400px;height:400px;border:1px solid #8d4cef;color:#8d4cef;overflow:hidden}#pin{width:30px;left:0}#palette,#pin{position:absolute}#palette{top:-30px;left:50px;width:340px;height:40px;background-color:#18181b;border-left:2px solid #8d4cef;border-right:2px solid #8d4cef;border-bottom:2px solid #8d4cef;border-end-end-radius:10px;border-end-start-radius:10px;transition:top .5s ease-in-out}#palette:hover{top:0}.paletteItem{margin-left:10px;margin-bottom:2px;display:inline-block;width:35px;height:35px;border-radius:50%;border:1px solid #8d4cef;text-align:center;vertical-align:middle;line-height:35px;cursor:pointer}.paletteItem:hover{opacity:.5}.red{background-color:red}.green{background-color:green}.blue{background-color:#00f}.black{background-color:#000}.white{background-color:#fff}#paletteItemSize{margin-left:10px;margin-top:2px;display:inline-block;width:30px;height:30px;font-size:18px;color:#fff;background-color:#18181b;border:none}
/*# sourceMappingURL=main.a75cf167.chunk.css.map */