.homaPageLinkBox{display:flex;position:absolute;top:.1px;width:100%;background-color:#eb4d4b;z-index:1;box-shadow:0 1px 5px 2px rgba(0,0,0,.8)}.LinkCss{color:#000;padding:2rem}.LinkCss:hover{background-color:#1e90ff;-webkit-transition:all 1s ease;transition:all 1s ease}.helloWorld{position:flex;text-align:center;margin-top:100px}.LoginLinkBox,.LoginLinkBox2{display:flex;position:absolute;top:.1px;width:100%;background-color:#eb4d4b;z-index:1;box-shadow:0 1px 5px 2px rgba(0,0,0,.8)}.signUp{color:#000;padding:2rem}.signUp:hover{background-color:#1e90ff;-webkit-transition:all 1s ease;transition:all 1s ease}.HomePage{color:#000;padding:2rem}.HomePage:hover{background-color:#1e90ff;-webkit-transition:all 1s ease;transition:all 1s ease}.loginTemplate{position:flex;text-align:center;margin-top:100px}.loginheader:hover{background-color:#1e90ff;-webkit-transition:all 1s ease;transition:all 1s ease}.fatherBox{background:#fff;margin:7% auto 0}.editInputButtonFatherBox{padding:1rem;margin:0;display:flex;align-items:center;justify-content:center}.emailEditInput,.passwordEditInput,.userEditInput{width:700px;height:50px;margin-top:-15px;margin-right:-45px;text-align:center;font-size:1.5rem}.hoverButton{margin-left:-2px;margin-top:-15px;background:salmon;color:#fff;border:none;position:relative;height:56px;font-size:1.6em;padding:1px;cursor:pointer;-webkit-transition:all .8s ease;transition:all .8s ease;outline:none}.hoverButton:hover{background:#fff;color:#1aab8a}.hoverButton:after,.hoverButton:before{content:"";position:absolute;top:0;right:0;height:2px;width:0;background:#1aab8a;-webkit-transition:all .4s ease;transition:all .4s ease}.hoverButton:after{right:inherit;top:inherit;left:0;bottom:0}.hoverButton:hover:after,.hoverButton:hover:before{width:100%;-webkit-transition:all .8s ease;transition:all .8s ease}.myPageTitle{background:#eb4d4b}.myPageTitle,.userInfoTitle{margin:auto;width:700px;height:50px;font-size:20px;display:flex;align-items:center;justify-content:center;color:#fff}.userInfoTitle{background:#eb794c}.userStatisticsTitle{width:700px;height:50px;font-size:20px;display:flex;align-items:center;justify-content:center;background:#eb794c;color:#fff;margin:-12px auto auto}input.visited,input:focus{background-color:#fff}.statisticsBox{display:flex;justify-content:center;align-items:center;text-align:center;width:700px;margin:4px auto 0;background-color:#ecf0f1}.donut{margin:10px 1rem 1rem}.myPageLinkBox{display:flex;position:absolute;top:.1px;width:100%;background-color:#eb4d4b;z-index:1;box-shadow:0 1px 5px 2px rgba(0,0,0,.8)}.myPageHomePage{color:#000;padding:2rem}.myPageHomePage:hover{background-color:#1e90ff;-webkit-transition:all 1s ease;transition:all 1s ease}.myPageLoggedHome{color:#000;padding:2rem}.myPageLoggedHome:hover{background-color:#1e90ff;-webkit-transition:all 1s ease;transition:all 1s ease}.myPageTodoPage{color:#000;padding:2rem}.myPageTodoPage:hover{background-color:#1e90ff;-webkit-transition:all 1s ease;transition:all 1s ease}.signUpTemplate{position:flex;text-align:center;margin-top:100px}.signUpLinkBox{display:flex;position:absolute;top:.1px;width:100%;background-color:#eb4d4b;z-index:1;box-shadow:0 1px 5px 2px rgba(0,0,0,.8)}.signUpLogin{color:#000;padding:2rem}.signUpLogin:hover{background-color:#1e90ff;-webkit-transition:all 1s ease;transition:all 1s ease}.TodoTemplate{position:absolute;width:50%;left:22%;margin:0;top:100px;border-radius:4px;overflow:hidden}.TodoTemplate .app-title{background:#ff4757;color:#fff;height:8rem;font-size:3rem;display:flex;align-items:center;justify-content:center}.TodoTemplate .content{background:#fff}.TodoInsert{display:flex;background:#495057}.TodoInsert input{background:none;outline:none;border:none;padding:.7rem;font-size:1.125rem;line-height:1.5;color:#fff;flex:1 1}.TodoInsert input::-webkit-input-placeholder{color:#dee2e6}.TodoInsert input:-ms-input-placeholder{color:#dee2e6}.TodoInsert input::-ms-input-placeholder{color:#dee2e6}.TodoInsert input::placeholder{color:#dee2e6}.TodoInsert button{background:none;outline:none;border:none;background:#868e96;color:#fff;padding-left:1rem;padding-right:1rem;font-size:1.5rem;display:flex;align-items:center;cursor:pointer;-webkit-transition:background .1s ease-in;transition:background .1s ease-in}.TodoInsert button:hover{background:#adb5bd}.TodoListItem{padding:1rem;display:flex;align-items:center}.TodoListItem:nth-child(2n){background:#f8f9fa}.TodoListItem .checkbox{cursor:pointer;flex:1 1;display:flex;align-items:center}.TodoListItem .checkbox svg{font-size:1.5em}.TodoListItem .checkbox .text{margin-left:.5rem;flex:1 1}.TodoListItem .checkbox.status svg{color:#22b8cf}.TodoListItem .checkbox.status .text{color:#adb5bd;text-decoration:line-through}.TodoListItem .remove{display:flex;align-items:center;font-size:1.5rem;color:#ff6b6b;cursor:pointer}.TodoListItem .remove:hover{color:#ff8787}.TodoListItem+.TodoListItem{border-top:1px solid #dee2e6}.fatherCalendarListBox,.TodoList{min-height:320px;max-height:513px;overflow-y:auto}.SelectedCalendarDataItem{padding:1rem;border-top:1px solid #000}.trueTodoitem{color:#22b8cf}.falseTodoItem,.trueTodoitem{text-align:center;margin-left:.5rem;flex:1 1;font-size:30px}.falseTodoItem{color:red;text-decoration:line-through}*{overflow-y:hidden}.middle{position:relative;top:96px;padding:0;margin:0;width:18.7%;height:870px;border-bottom:3px solid #ff4757;border-right:3px solid #ff4757;border-radius:10px;border-color:#ff4757 #ffb997 #ffb997 #ff4757;border-style:solid;border-width:3px 5px 10px 3px}.linkBox{display:flex;position:absolute;top:.1px;width:100%;background-color:#eb4d4b;z-index:1;box-shadow:0 1px 5px 2px rgba(0,0,0,.8)}.linkLogout{color:#000;padding:2rem}.linkLogout:hover{background-color:#1e90ff;-webkit-transition:all 1s ease;transition:all 1s ease}.linkMypage{padding:2rem}.linkMypage:hover{background-color:#1e90ff;-webkit-transition:all 1s ease;transition:all 1s ease}.linkLoggedHome{padding:2rem}.linkLoggedHome:hover{background-color:#1e90ff;-webkit-transition:all 1s ease;transition:all 1s ease}.WeatherBox{top:400px}.timerBox,.WeatherBox{position:absolute;margin:0;left:78%;border-bottom:3px solid #ff4757;border-right:3px solid #ff4757;border-radius:20px;box-shadow:0 1px 5px 2px rgba(0,0,0,.8);color:#eccc68;width:15%;text-align:center;padding:1rem;font-family:Athiti,sans-serif;border-radius:5%;border-color:#ff4757 #ffb997 #ffb997 #ff4757;border-style:solid;border-width:3px 10px 10px 3px}.timerBox{top:100px}.timerBox:hover{background-color:#fff;-webkit-transition:all 1s ease;transition:all 1s ease}.TimerButton{height:50px;width:130px;color:#000;background-color:#f67e7d;font-weight:700;font-family:Athiti,sans-serif;font-size:1.1em;margin:10px 10px 0;border:none;color:#0b032d;outline:none}.TimerButton:hover{background-color:#843b62;cursor:pointer;color:#e8e2db}.Clock{margin-top:5px;margin-left:auto;margin-right:auto}
/*# sourceMappingURL=main.705dcab1.chunk.css.map */