html{scroll-behavior:smooth;-webkit-user-select:none;user-select:none;font-size:20px}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background-color:#19531e;margin:0}.auth{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:absolute;top:0;left:0}.auth__container{color:#000;background-color:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:25px;width:90%;max-width:400px;padding:15px 5px;display:flex}.auth__title{font-size:35px}.auth__form{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.auth__form--input{background-color:silver;border:none;border-radius:15px;outline:none;width:60%;height:35px;padding:15px;font-size:20px}.auth__form--input:focus{box-shadow:0 0 20px #00000080}.auth__error{color:red;opacity:0;height:16px;font-size:14px;transition:all 1s}.auth__error.visible{opacity:1}.auth__btn{border:none;border-radius:20px;width:90%;height:40px;font-size:20px;transition:all .5s}.auth__btn:focus{outline:none}.auth__btn:focus-visible{background-color:silver;outline:none}@media (width>=1024px){.auth__btn:hover{cursor:pointer;background-color:silver;scale:.95}}.auth__regist{justify-content:space-around;align-items:center;width:90%;display:flex}.auth__regist--text{font-size:18px}.auth__regist--btn{color:#01f;background-color:#fff;border:none;width:145px;padding:5px;font-size:14px;transition:all .5s}.auth__regist--btn:focus{outline:none}.auth__regist--btn:focus-visible{color:red;outline:none}@media (width>=1024px){.auth__regist--btn:hover{color:red;cursor:pointer}}.logout-icon{color:#fff}.mainForm{flex-direction:column;align-items:center;gap:20px;width:90%;max-width:400px;display:flex}.mainForm__input{border:none;border-radius:15px;outline:none;width:100%;height:35px;padding:15px;font-size:20px}.mainForm__input:focus{box-shadow:0 0 20px #00000080}.mainForm__btn{border:none;border-radius:20px;width:100%;height:40px;font-size:20px;transition:all .5s}.mainForm__btn:focus{outline:none}.mainForm__btn:focus-visible{background-color:silver;outline:none}@media (width>=1024px){.mainForm__btn:hover{cursor:pointer;background-color:silver;scale:.95}}.tabler-icon{color:#01f}.task{background-color:#fff;border-radius:15px;align-items:center;gap:5px;width:100%;max-width:400px;height:35px;padding:15px;display:flex}.task__number{color:#000;font-weight:700}.task__text{color:#000;flex-grow:1}.task__pencil{background:0 0;border:none}.task__pencil:focus{outline:none}.task__pencil:focus-visible .tabler-icon{color:green}@media (width>=1024px){.task__pencil:hover{cursor:pointer;scale:.8}}.trash-icon{color:red}.dayList{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.dayList__box{align-items:center;gap:20px;display:flex}.dayList__title{font-size:24px}.dayList__btn{background:0 0;border:none}.dayList__btn:focus{outline:none}.dayList__btn:focus-visible .trash-icon{color:#fff}@media (width>=1024px){.dayList__btn:hover .trash-icon{color:#fff;cursor:pointer;scale:.8}}.main{flex-direction:column;align-items:center;gap:20px;width:100%;padding:10px;display:flex}.main__logout--btn{background:0 0;border:none;transition:all .5s}.main__logout--btn:focus{background:0 0;border:none;outline:none}.main__logout--btn:focus-visible .logout-icon{color:red}@media (width>=1024px){.main__logout--btn:hover .logout-icon{color:red;cursor:pointer;scale:.8}}.main__title{font-size:35px;font-style:italic}.main__list{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:400px;display:flex}.app{width:100%;height:100vh;position:relative}