@import url(https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;700&display=swap);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}@font-face{font-family:"Product Sans";font-weight:400;src:url(/static/media/ProductSans-Regular.2765c696.ttf)}@font-face{font-family:"Product Sans";font-weight:700;src:url(/static/media/ProductSans-Bold.153c4f86.ttf)}@font-face{font-family:"Product Sans";font-weight:lighter;src:url(/static/media/ProductSans-Light.1dde435c.ttf)}.App{width:40vw;min-width:500px;margin:0 auto}body{margin-top:60px;background-color:#e5e5e5}.App-logo{height:40vmin;pointer-events:none}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}button{cursor:pointer}a{text-decoration:none}*{margin:0;font-family:"Product Sans","Kanit",FontAwesome,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}.Card{padding:1rem;border-radius:8px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;transition:all .15s ease-in-out;margin-bottom:1rem;cursor:pointer;box-shadow:5px 5px 5px grey}#default{background:#fff}#nAfter{background:#72bb0f;background:linear-gradient(140deg,#72bb0f,rgba(0,212,255,0) 60%)}#iAfter{background:#fe4880;background:linear-gradient(140deg,#fe4880,rgba(0,212,255,0) 60%)}.Card:hover{box-shadow:1px 1px 1px grey}.selected,.selected:hover{cursor:default;box-shadow:0 0 0 3px rgba(6,123,249,.7)}.Card .container{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;height:100%}.Card .container .info{flex:1 1 auto}.navbar{width:100%;height:50px;position:fixed;background-color:#272727;display:flex;justify-content:center;top:0;left:0}.navbar .content{display:flex;justify-content:space-between;align-items:center;width:40vw;min-width:500px}.navbar .content .brand{color:#fff;font-size:18px;font-weight:700}.navbar .content .link-page{display:flex;flex-direction:row}.navbar .content .link-page a{margin:0 1rem;color:#fff;font-size:14px;text-decoration:none;transition:all .1s ease-in-out}.navbar .content .link-page a:hover{color:#009bff}.navbar .content .create-button{font-size:16px;height:30px;background-color:#067bf9;color:#fff;display:flex;justify-content:center;align-items:center;border:none;border-radius:5px;transition:all .15s ease-in-out;padding:0 1rem;font-weight:700;margin:.3rem}.navbar .content .right-box{display:flex;flex-direction:row}.navbar .content .create-button:hover{background-color:#459dfc}.navbar .content .create-button:focus{outline:none}@media screen and (max-width:1080px){.navbar .content .link-page a{margin:0 .5rem}}.ContactPage .card-container{padding:2rem}.ContactPage .card-container,.stat-container{background-color:#fff;border-radius:8px;display:flex;justify-content:space-between;align-items:center;margin-top:20px;box-shadow:5px 5px 5px grey;transition:.5s}.stat-container{padding:1.5rem}.stat-container:hover{box-shadow:1px 1px 1px grey}.stat-container h1{font-size:40px}.ContactPage .profile-container{background-color:#fff;border-radius:8px;padding:2rem;display:flex;justify-content:space-between;align-items:center;margin-top:20px;box-shadow:5px 5px 5px grey;transition:.5s}.ContactPage .card-container .pic img{border-radius:50%;width:130px;height:130px;background-color:#eaeaea;object-fit:cover;transition:.5s}.ContactPage .card-container .pic img:hover{transform:scale(1.2)}.homePage .pic img{border-radius:50%;width:100px;height:100px;background-color:#eaeaea;object-fit:cover;transition:.5s;margin-right:50px;box-shadow:3px 3px 3px grey}.homePage .pic img:hover{transform:scale(1.2)}.homePage .informationBox{display:flex;margin-top:80px}.ContactPage .profile-container .pic img{border-radius:50%;width:100px;height:100px;background-color:#eaeaea;object-fit:cover;transition:.5s}.ContactPage .card-container:hover,.ContactPage .gif-container:hover{box-shadow:1px 1px 1px grey}.AuthPage h1{text-align:center}.AuthPage h1,.CreatePage h1,.TodoPage h1{font-Size:48px;margin:.5rem 0}.ContactPage .gif-container{background-color:#fff;border-radius:8px;padding:2rem;display:flex;justify-content:center;align-items:center;margin-top:20px;height:2rem;box-shadow:5px 5px 5px grey;transition:.5s}.item-m{width:50px}.item-m,.item-s{padding:5px;transition:.5s}.item-s{width:45px}.item-l{padding:5px;width:55px;transition:.5s}.item-l:hover,.item-m:hover,.item-s:hover{transform:scale(1.3)}.loading{top:50%}.auth-loading,.loading{position:fixed;left:50%;transform:translate(-50%,-50%)}.auth-loading{top:75%;opacity:.5}.button{border:none;text-align:center;text-decoration:none;display:inline-block;font-size:16px;padding:8px 12px;border-radius:8px;background-image:linear-gradient(90deg,#ffa622,#f60 50%,#ff4880);background-size:200%;background-position:0;transition:.4s;color:#fff;font-size:20px;font-weight:700;cursor:pointer}.button:hover{background-position:100% 0}#head{display:flex}.TodoPage .SearchBox{margin-left:50px;color:#ff4880}.searchComponent{margin-left:20px;margin-top:10px}.searchComponent .search-container input[type=text]{width:30px;margin-right:10px;box-shadow:5px 5px 5px grey;transition:width .4s ease-in-out;padding:10px 5px;background-color:#f8f8f8;border-radius:50px;border:none;transition:.5s}.searchComponent .search-container input[type=text]:focus{width:300px;border-radius:10px;content:"Search"}.searchComponent .search-container button{display:none}button,input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;outline:none}form{display:flex;position:relative;z-index:0;justify-content:center;align-items:center;padding:2rem;border-radius:8px}form .form-inner{border-radius:30px;box-shadow:5px 5px 5px grey;background-color:#fff;padding:30px 40px 30px 30px}form .form-inner h2{color:#888;font-size:40px;font-weight:500;margin-bottom:30px;text-align:center}.error{text-align:center}.error,.span{color:#fe4880}.span{cursor:pointer}p{font-size:15px;padding:5px}.errorMsg{color:#ff4880;text-align:center}.form-group{position:relative;display:inline-block}.fas .tooltiptext{font-size:16px;visibility:hidden;width:50%;background-color:grey;color:#fff;text-align:left;border-radius:6px;padding:10px;margin:10px;position:absolute;z-index:1;top:-5px;left:110%}.fas .tooltiptext:after{content:"";position:absolute;top:50%;right:100%;margin-top:-20px;border:5px solid transparent;border-right-color:grey}.fas:hover .tooltiptext{visibility:visible}.Profile{padding:1rem;border-radius:8px;background-color:#fff;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;transition:all .15s ease-in-out;margin-bottom:1rem;box-shadow:0 0 10px rgba(0,0,0,.2)}.Profile .container{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;height:100%}.Profile .container .info{flex:1 1 auto}.info .task{font-size:20px}.info .time{font-size:16px;color:#5a5a5a}.info .task-input{width:90%;font-size:22px;font-weight:700;color:#0c68ca;background-color:#f3f3f3;padding:5px 10px;border-radius:5px;border:none;box-shadow:0 0 0 2px transparent;transition:all .2s ease-in-out}.info .task-input:focus{outline:none;box-shadow:0 0 0 2px rgba(6,123,249,.4)}.info .time-input{font-size:18px;color:#5a5a5a;margin-top:5px;border:none;border-bottom:1px solid transparent;transition:all .2s ease-in-out}.info .time-input:focus{outline:none}.btn-group button{border:none;border-radius:50%;height:40px;width:40px;margin:0 5px;font-size:18px;transition:all .1s ease-in-out}.btn-group #edit:hover{background-color:#6c757c;color:#fff}.btn-group #done:hover{background-color:#2fa74e;color:#fff}.btn-group #del:hover{background-color:#da3648;color:#fff}.btn-group button:focus{cursor:pointer;outline:none}form .form-inner .form-group{display:block;width:300px;margin-bottom:15px}.form-inner .form-group label{display:block;color:#666;font-size:18px;margin-bottom:5px;transition:.4s}.form-inner .form-group:focus-within label{color:#fe4880}form .form-inner .form-group input{display:block;width:100%;padding:10px 5px;background-color:#f8f8f8;border-radius:8px;transition:.5s}form .form-inner .form-group input:focus{box-shadow:0 0 3px rgba(0,0,0,.2)}form .form-inner input[type=submit]{background-image:linear-gradient(90deg,#ffce00,#ffce00 50%,#ff4880)}form .form-inner input[type=button],form .form-inner input[type=submit]{display:inline-block;padding:10px 15px;border-radius:8px;background-size:200%;background-position:0;transition:.4s;color:#fff;font-size:20px;font-weight:700;cursor:pointer;border:none}form .form-inner input[type=button]{margin-left:5%;background-image:linear-gradient(90deg,#ffa622,#f60 50%,#ff4880);margin-top:15px}form .form-inner input[type=button]:hover,form .form-inner input[type=submit]:hover{background-position:100% 0}input[type=submit]{display:inline-block;padding:10px 15px;border-radius:8px;background-image:linear-gradient(90deg,#ffce00,#ffce00 50%,#ff4880);background-size:200%;background-position:0;transition:.4s;color:#fff;font-size:20px;font-weight:700;cursor:pointer;border:none}input[type=submit]:hover{background-position:100% 0}
/*# sourceMappingURL=main.50608510.chunk.css.map */