.attribution{width:50%;margin:50px auto;text-align:center}.attribution a{text-decoration:none;font-size:1.7rem;color:#cacde8}.attribution p{font-size:1.7rem;color:#777a92}.attributionLight a{color:#484b6a}.attributionLight p{color:#9394a5}.backgroundApp{display:grid;grid-template-rows:1fr 3fr;min-width:100%;min-height:100%;height:100vh;position:absolute;top:0;z-index:-1}.backgroundTop{background-image:url(/assets/bg-mobile-dark.0b3e4071.jpg);background-repeat:no-repeat;background-size:cover}.backgroundTopLight{background-image:url(/assets/bg-mobile-light.df636158.jpg)}.backgroundBottom{background-color:#161722}.backgroundBottomLight{background-color:#fafafa}@media screen and (min-width: 560px){.backgroundApp{grid-template-rows:1.5fr 3fr}.backgroundTop{background-image:url(/assets/bg-desktop-dark.cf72eaad.jpg)}.backgroundTopLight{background-image:url(/assets/bg-desktop-light.c99caf89.jpg)}}.taskFooter{display:flex;justify-content:space-between;align-items:center;color:#777a92;height:50px;padding-left:15px;padding-right:15px;font-size:.8rem}.taskFooterLight{color:#9394a5}.action__taskFooter{display:flex;width:30%;justify-content:space-around}.taskFooter p:last-child{cursor:pointer}.actions{display:flex;justify-content:space-around;padding:15px 35px;border-radius:5px;background-color:#25273c;color:#777a92;width:85vw;margin:30px auto;max-width:680px;min-height:auto;overflow:hidden;font-weight:700}.filters{font-weight:700}.actionsLight{background-color:#fafafa;filter:drop-shadow(0 0 .07rem hsl(235,19%,35%))}.actions__text{cursor:pointer}.taskFooter__clear:hover{color:#e4e5f1}.taskFooter__clearLight:hover{color:#484b6a}.filters input[type=radio]{opacity:0}.filters label:hover,.actions label:hover{color:#e4e5f1}.filterLight label:hover,.actionsLight label:hover{color:#484b6a;cursor:pointer}.filters input[type=radio]:checked~span{color:#3a7bfd}.actions input[type=radio]{opacity:0}.actions label:hover{color:#e4e5f1;cursor:pointer}.actionsLight label:hover{cursor:pointer;color:#484b6a}.actions input[type=radio]:checked~span{color:#3a7bfd}@media screen and (min-width: 560px){.actions{display:none}}@media screen and (max-width: 560px){.action__taskFooter,.filters{display:none}}.task__container{display:grid;grid-template-columns:15% 70% 15%;height:auto;padding:15px 0;border-bottom:1px solid hsl(237,14%,26%);overflow:auto}.taskContainerlight{border-bottom-color:#d2d3db}.task__container div{display:grid;align-items:center}.task__text{color:#d2d3db;font-size:1rem}.task__textLight{color:#484b6a}.task__text p{cursor:pointer}.task__textCheck p{text-decoration:line-through;color:#4d5066}.task__textCheckLight p{text-decoration:line-through;color:#d2d3db}.circle{width:25px;height:25px;cursor:pointer;border:1px solid hsl(233,14%,35%);border-radius:50%}.circleLight{border-color:#d2d3db}.circle:hover{background-clip:border-box}.task__check .task__checked{display:flex;justify-content:center;background:linear-gradient(hsl(192,100%,67%),hsl(280,87%,65%))}.task__check{display:flex;align-items:center;justify-content:center}.task__delete{color:#393a4c;font-size:1.8rem;display:flex;justify-content:center;padding-right:10px;cursor:pointer}@media screen and (min-width: 560px){.task__text:hover~.task__delete{opacity:1}.task__delete:hover{opacity:1}.task__delete{opacity:0}}.listOfTasks__container{border-radius:5px;background-color:#25273c;width:85vw;margin:30px auto;max-width:680px;min-height:auto;overflow:hidden}.listOfTasks__containerLight{background-color:#fafafa;filter:drop-shadow(0 0 .07rem hsl(235,19%,35%))}.listContainer{max-height:336px;overflow-y:auto}.listOfTask__withoutTask{display:flex;justify-content:center;align-items:center;color:#4d5066;height:50px;border-bottom:1px solid hsl(233,14%,35%)}.listOfTask__withoutTaskLight{border-block-color:hsl(236,33%,92%);color:#9394a5}.footerText{font-size:1.5rem;margin-top:50px;text-align:center;color:#4d5066}.footerTextLight{color:#9394a5}.form{align-items:center;border-radius:5px;background-color:#25273c;width:85vw;margin:0 auto;max-width:680px;display:grid;grid-template-columns:15% 85%;height:auto;padding:15px 0;overflow:auto}.formLight{background-color:#fafafa}.todo{border:none;background:transparent;padding:5px 10px;color:#cacde8;outline:none;background-color:#25273c;width:100%;font-size:1.8rem}.todoLight{background-color:#fafafa;color:#484b6a}.todo:-webkit-autofill{transition:all 5000s ease-in-out 0s;transition-property:background-color,color}.todoLight:-webkit-autofill{transition:all 5000s ease-in-out 0s;transition-property:background-color,color}.form__circle{background-color:transparent;outline:none;height:25px;width:25px;border:1px solid hsl(237,14%,26%);border-radius:50%;margin:0 auto}.form__circleLight{border-color:#d2d3db}.header{display:flex;justify-content:space-between;width:85vw;margin:40px auto 25px;max-width:680px;color:#fff}.header h1{letter-spacing:11px;font-size:3.5rem}.moon{height:25px;width:25px;cursor:pointer}@media screen and (min-width: 560px){.header{margin:75px auto 50px}}*{margin:0;padding:0;box-sizing:border-box;font-family:Josefin Sans,sans-serif;font-size:1.8rem}.App{height:100%;min-width:100%}html,body{font-size:10px}