body{font-family:Lato,sans-serif;font-style:normal;font-weight:400;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#f3f4f6}p,ul{margin:0}a{color:inherit;text-decoration:none}.App{color:#333;display:flex;min-height:100vh}.linethrough{color:#6a7282;text-decoration:line-through}.white{color:#fff!important}.hidden{display:none}.wrapper{margin:0 auto;max-width:1240px;padding:0 20px;width:100%}.button{background-color:#000;border:none;border-radius:12px;box-shadow:0 2px 4px 0 #00000040;color:#fff;cursor:pointer;font-family:Lato,serif;font-size:26px;font-weight:700;height:62px;padding:8px 15px;width:200px;&:hover{background-color:#3d3d3d}&:active{box-shadow:0 2px 4px 0 #000000bf}&.input__dark{background-color:#4a5565;&:hover{background-color:#3b485a}}}.theme__dark,.theme__light{&:after{background-repeat:no-repeat;content:"";cursor:pointer;display:inline-block;height:50px;position:absolute;right:45px;top:29px;width:50px}}.theme__light:after{background-image:url(/todo/static/media/moon.da3f10e5ae8eacfb7c7e.svg)}.theme__dark:after{background-image:url(/todo/static/media/sun.dbe79164fcd814af52fb.svg)}@media (max-width:1023px){.button{font-size:20px;height:52px}.theme__dark,.theme__light{&:after{background-size:100%;height:40px;width:40px}}}@media (max-width:767px){.theme__dark,.theme__light{&:after{height:30px;width:30px}}}.burger{height:48px;margin:35px;width:48px}.burger,.button__info{cursor:pointer;&.active{cursor:auto}}.burger__page{background-color:#fff;box-shadow:0 4px 10px 0 #00000040;hr{max-width:80%}&.bar__dark{background-color:#1e2939;.button__info{&.active{background-color:#939ba9}}}}.button__info{border-radius:12px;display:flex;justify-content:center;margin:24px auto 0;padding-bottom:5px;padding-top:5px;width:80%;&.active{background-color:#f3f4f6}.text{font-family:Lato,serif;font-size:26px;font-weight:700;margin-left:15px}}.auth__navigation{font-family:serif;margin:0 10px 20px;text-align:center;width:300px;img{border-radius:50%}.login{font-size:24px;font-weight:700;margin-top:20px}.email,.login{line-height:34px}.email{color:#6a7282;font-size:20px}}@media (max-width:1023px){.burger{height:40px;margin:25px;width:40px;img{height:40px;width:40px}}.button__info{img{height:40px;width:40px}}}@media (max-width:767px){.burger{height:30px;margin:13px;width:30px;img{height:30px;width:30px}}.button__info{img{height:30px;width:30px}}.auth__navigation{margin:0 30px}}.app__dark{background-color:#101828;.nav__list{.nav__item{&.active,&:hover{color:#c1c2c5}}}.task__list{.task__item{background-color:#1e2939;span{color:#fff}.linethrough{color:#6a7282}.edit__text{background-color:#4a5565;color:#fff}.button__edit{background-color:#4a5565;&:hover{background-color:#3b485a}}}}.button__icon{&.pencil{background-image:url(/todo/static/media/pencil-white.b386aada1befe39711b4.svg)}&.trash{background-image:url(/todo/static/media/trash-white.9a8731ecc61a933230e8.svg)}}}.show{.burger,.button__info{cursor:pointer;img{height:32px;width:32px}}}.edit__text-form{display:contents;width:100%}.button__close{background-color:#a3a3a3;border:none;border-radius:12px;margin-left:10px;width:auto}.mp__header{margin-bottom:60px;margin-top:90px;text-align:center;.h1{font-family:Lato,serif;font-size:48px;font-style:normal;font-weight:700;text-transform:uppercase}}.mp__task{text-align:center}.mp__task_input{border:none;border-radius:12px;box-shadow:0 2px 4px 0 #00000040;color:#333;font-family:Lato,serif;font-size:24px;height:60px;margin-bottom:30px;margin-right:25px;max-width:520px;outline:none;padding:2px 20px 0;width:100%;&:focus{outline:1px solid #fff}&::placeholder{color:#a9a9a9}&.input__dark{background-color:#4a5565;color:#fff}}.mp__info{align-items:center;display:flex;gap:50px;justify-content:center;margin:0 auto;max-width:fit-content;&.hidden{display:none}}.info__picture{width:20%}.info__text{color:#333;font-family:Lato,serif;font-size:24px;font-style:italic;font-weight:400;width:60%}.mp__footer{margin-bottom:30px;margin-top:50px;text-align:center;width:100%}.mp__added-task{margin:0 auto;max-width:790px}.nav__list{color:#6a7282;column-gap:10px;display:flex;font-family:Lato;font-size:20px;list-style:none;padding:0;.nav__item{cursor:pointer;&.active,&:hover{color:#333}&.active{cursor:default}}}.added-task__todo{color:#6a7282;font-family:Loto;font-size:20px}.added-task__navigation{display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-top:30px}.task__list{background-color:#fff;background-color:initial;list-style:none;padding:0;.task__item{background-color:#fff;border-radius:12px;box-shadow:0 2px 4px 0 #00000040;display:flex;margin-top:20px;padding:30px 26px;.main__text{height:24px;margin-right:20px;width:24px}.edit__text{border-radius:10px;font-family:Loto;font-size:20px;padding:10px 20px;width:100%}.button__edit{margin-left:30px;width:200px}span{font-size:24px;line-height:34px;margin-right:30px;width:100%}}}.user__text{word-break:break-word}.button__icon{background-color:initial;border:none;cursor:pointer;height:26px;margin-right:20px;position:relative;width:26px;&.trash{background-image:url(/todo/static/media/trash.e8ba298d646729d446f3.svg)}&.pencil,&.trash{background-repeat:no-repeat}&.pencil{background-image:url(/todo/static/media/pencil.d3701ee94b7d6f61083f.svg)}}@media (max-width:1023px){.mp__header{.h1{font-size:36px}}.edit__text-form{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;width:100%}.mp__task_input{font-size:20px;height:50px;max-width:320px}.info__text{font-size:20px;width:63%}.info__picture{width:22%}.task__list{.task__item{padding:20px;span{font-size:18px}}}.nav__list{font-size:18px}.mp__added-task{max-width:590px}.mp__info{margin-top:40px}}@media (max-width:767px){.show{.burger__page{height:100vh;position:absolute;width:100%}.mp__added-task{position:relative;z-index:-1}}.mp__task_input{margin:0 auto;max-width:80%}.button-add{margin-top:25px}.mp__info{flex-direction:column;margin-top:40px}.info__text{text-align:center;width:100%}.mp__header{margin-bottom:50px;margin-top:60px}.task__list{.task__item{flex-wrap:wrap;gap:15px;justify-content:center;padding:10px;position:relative;.button__edit{margin-left:0}.edit__text{font-size:18px}.task__item-text{height:15px;left:7px;margin-right:5px;position:absolute;top:11px;width:15px}.user__text{font-family:Loto;font-size:18px;font-weight:600;line-height:24px}}}}.author{align-items:center;display:flex;flex-direction:column}@media (max-width:767px){.author{gap:20px}}
/*# sourceMappingURL=main.d46022ea.css.map*/