@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap);@media (min-width:319px) and (max-width:427px){.dark,.dark .toggle__theme--label{transition:background-color .3s ease;background-color:#202124}.dark .toggle__theme--label{background-color:#000}.dark .bar--gradient{background:linear-gradient(-45deg,#5f802b,#f2b741,#cae2be,#f3ec99,#e8bca0,#baa782);animation:moveGradient 7s ease infinite;background-size:200% 200%}.dark #greeting{color:#adff2f}.dark .simple__form{background-color:#cbd4b0;box-shadow:.6em .6em 3px #7bd66b,.6em .6em 2px #000}.dark .clock__container{color:#cae2be}.dark .simple__form--button{color:#f3ec99;background-color:#50466b}.dark .task__item i{color:#ffb6c1}.dark #tasks__list i:hover{color:#e6e6fa}.dark .task__item--text{color:#87ceeb}.dark .task-transparent{transition:.5s;color:#ffb6c1;opacity:.5}}#no-mobile{position:absolute;z-index:99;min-height:100vh;min-width:100vw;background-color:#ffd49c;display:flex;justify-content:center;align-items:center;font-size:3rem;top:0}@media (min-width:319px) and (max-width:427px){.sidebar__container{font-family:"Press Start 2P",cursive;font-size:1rem;color:#f4f0e0;background-color:#1c1c1c;box-shadow:0 0 1em #666;border-radius:0 1em 1em 0;height:calc(100vh - 2em);width:0;left:0;overflow-x:hidden;transition:.4s;margin-top:1em;margin-bottom:1em;position:absolute;z-index:2}.sidebar__container .sidebar__header{font-size:.7rem;margin-bottom:3em}.sidebar__container .sidebar__header img{border:3px solid transparent;background-image:linear-gradient(-45deg,#aad1b6,#b5caf9,#c7b9ff,#f0b9dd,#f3bf99,#fffad1);animation:moveGradient 7s ease infinite;background-size:120% 120%;border-radius:50%;margin:0 auto 1.5em;max-width:100%;width:60%;display:block}.sidebar__container .sidebar__header i{margin:1em 1em 0 0;cursor:pointer}.sidebar__container .sidebar__header i:hover{color:#afeeee;animation:spin-animation 1.5s ease}.sidebar__container .sidebar__close{display:flex;justify-content:space-between}@keyframes spin-animation{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.sidebar__container .sidebar__main{font-size:.6rem}.sidebar__container .sidebar__footer{display:flex;justify-content:center;height:5%;width:100%;border-radius:0 0 1em 0;position:absolute;align-items:center;bottom:0}.sidebar__container .sidebar__footer i{color:#f5f5f5;margin:0 auto .5em}.list__element--contact:hover,.list__element:hover,.sidebar--button i:hover,.sidebar__container .sidebar__footer i:hover{color:#afeeee}.list__element{display:flex;align-items:center;margin-bottom:3.5em;margin-left:20%;cursor:pointer}.list__element i{margin-right:.5em}.list__element--contact{text-decoration:none;color:#f4f0e0}#sidebar__advice{color:tomato;font-size:.7rem;line-height:1.4em}*{box-sizing:border-box}body{display:flex;min-width:319px;min-height:calc(100vh - 2em);margin:0;font-size:1rem;background-color:#ffd49c;transition:background-color .3s ease;color:#50466b;line-height:1.6;text-align:center}.container{font-family:"Press Start 2P",cursive;min-height:100vh;position:relative;display:flex;flex-direction:column;transition:margin-left 1s}.header__status{display:flex;justify-content:space-around}.sidebar--button{width:20%;display:flex;align-items:center;z-index:1}.sidebar--button i{color:#ff66c9;cursor:pointer;margin:0 auto;left:.5em;position:absolute}.toggle__theme{margin:.5em;position:relative;display:flex;height:1.5em;width:5em;z-index:2}#toggle__theme--color{visibility:hidden;background-color:#000}.toggle__theme--label{cursor:pointer;padding-left:.2em;padding-right:.2em;border-radius:20em;width:3.6em;background-color:#fff;transition:background-color .3s ease;display:flex;justify-content:space-between;align-items:center}.ball{position:absolute;top:.2em;height:1.1em;width:1.1em;background-color:#ff66c9;border-radius:50%;transition:transform .3s linear}.checkbox:checked+.toggle__theme--label .ball{transform:translateX(2.2em)}.toggle__theme--label i:first-child{color:#ffc15a}.toggle__theme--label i:nth-child(2){color:#f14a39}main{margin-top:1em;margin-bottom:1em}footer{position:absolute;bottom:0;left:0;min-width:100%}#header__bar--gradient{top:0;margin-bottom:1em}.footer__bar--gradient{bottom:0;margin-top:.5em}.bar--gradient{width:100%;height:1em;background:linear-gradient(-45deg,#aad1b6,#b5caf9,#c7b9ff,#f0b9dd,#f3bf99,#fffad1);animation:moveGradient 7s ease infinite;background-size:200% 200%}@keyframes moveGradient{0%,to{transform:scale(1);background-position:0 100%}50%{transform:scale(1);background-position:100% 0}}.clock__container{width:30%;display:flex;justify-content:center;margin:.3em auto 0;align-items:center;color:#50466b;letter-spacing:.1em;font-weight:700}#clock__sess{margin-right:.2em;letter-spacing:.03em}#clock__colon{color:#ff66c9}@keyframes blink-effect{50%{opacity:0}}.blinking{animation:blink-effect 1.5s step-end infinite}.logo__container{z-index:-3}.logo__main{margin:-4em auto;max-width:100%;display:block;width:80%;z-index:-1}.simple__form{margin:0 auto;width:70%;padding:.3em .6em;border:2px solid #000;box-shadow:.6em .6em 1px #ffa580,.6em .6em 2px #000}.simple__form--input{width:100%;font-size:.7rem;line-height:1.4rem;font-family:"Press Start 2P",cursive;border:0;border-bottom:2px solid #000;outline:0;color:#000;caret-color:tomato}.simple__form--input:focus{border-bottom:2px solid #f3ec99}.simple__form--button{margin:0 auto;color:#f3ec99;padding:0 .6em;letter-spacing:.1em;line-height:1.2em;background-color:#ff66c9;border:2px solid #000}.simple__form--button:hover{background-color:#000}#tasks__form{margin-top:1em;margin-bottom:1em}#tasks__list i:hover{color:green}#no-mobile,.hidden{display:none}#greeting{color:#ff66c9;font-size:1.1rem;font-weight:400}.task__item{font-size:1.2rem;display:flex;justify-content:flex-start;margin-left:15%;margin-top:.5em;margin-bottom:.5em;align-items:center;align-content:center}.task__item i{cursor:pointer}.task__item--checkdiv{transition:.5s;display:flex}.task__item--text{margin-left:.3em;font-size:1.1rem;padding:.3em .6em;align-items:center;align-content:center;border-radius:2rem;color:#f08080}.task-transparent{transition:.5s;text-decoration:line-through;text-decoration-thickness:.1em;color:#969696;opacity:.5}.task-completed{transition:.8s;color:#969696;opacity:0}}