@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@600&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Quicksand,sans-serif}.app-container{display:flex;background-color:#e0ffff}#lofi-circle-container{margin-top:5px;justify-content:space-between;align-items:center}.lofi-circle{width:45px;height:45px;border-radius:100px;margin-right:2.5px;margin-left:2.5px;filter:none}.lofi-circle:hover{border:3px solid black;transition:border .1s ease-in-out}#youtubeFrame{width:395px;height:315px;border-radius:15px;margin-top:10px;border:3px solid #000000}.App{height:100vh;width:100%;position:relative;background-color:#add8e6}.box{width:100px;height:100px;background-color:red;position:absolute;cursor:move;display:flex;justify-content:center;align-items:center}.color-circle{width:33px;height:33px;background-color:#fff;border-radius:100%;margin:5px;border:2px solid #000000;box-shadow:2px 1px #000}.color-box{display:flex;width:175px;height:220px;flex-wrap:wrap;background-color:#fff;border-radius:15px;justify-content:center;align-items:center}.artStyle{border:3px solid #000000;box-shadow:4px 4px #000;border-radius:15px}.x-box{border-right:3px solid black;width:30px;height:100%;display:flex;justify-content:center;align-items:center}.x-box:hover{background-color:#000;color:#fff;border:3px solid black;border-radius:10px 0 0}.tool-bar{display:flex;align-items:center;width:100%;background:#FFFFFF;border-bottom:3px solid #000000;border-radius:12px 12px 0 0;gap:5px}.menu-container{display:flex;flex-direction:column;background-color:#fff;height:250px;border-radius:10px;margin-top:15px;padding:5px}.menuItem{color:#040404}.menuItem:hover{background-color:#e6e6e6;border-radius:15px;transition:background-color .3s ease-in-out}.active{display:flex}.inactive{display:none}.sideMenu-container{height:100vh;width:80px;display:flex;justify-content:center;background-color:#add8e6}#timer{font-size:40px}#buttons-container{display:flex;justify-content:center;width:90%;gap:10px}#buttons-container button{border:none;background-color:transparent;border-radius:15px}#buttons-container button:hover{color:red}#type-container{display:flex;justify-content:space-between;width:90%}#type-container button{border:none;background-color:transparent;border-radius:15px}#type-container button:hover{color:red}#trash-can{display:flex;align-self:flex-end;margin-right:5px}textarea{width:90%;height:80%;background-color:inherit;border:none;color:#000}#todoToolBar{position:relative}#core-todo-container{margin-top:5px;height:1000px;width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}li{background-color:#d4d2d2;display:flex;align-items:center;justify-content:space-between;border-radius:15px;padding:5px;border:2px solid black;gap:5px}#todo-container{display:flex;flex-direction:column;gap:5px}#inputBox{width:240px;border:2px solid black;padding:5px;border-radius:15px;margin-right:5px}#checkMark:hover{color:red;border-radius:100px}#input-container{display:flex;gap:5px}#input-container button{border:2px solid black;background-color:#fff;padding:5px;border-radius:15px}#input-container button:hover{background-color:#e3e3e3}