*{margin:0;padding:0;border:none}:root{--font-color: #404040;--font-inverted: #FFFFFF;--main-color: #7766A2;--accent-one: #56ADDD;--background1: #EBE8F1;--background2: #DAD5E5}html{overflow-y:scroll}body{margin:0;font-family:Arial,Helvetica,sans-serif;display:flex;flex-direction:column;min-height:100vh;min-width:320px;justify-content:center;align-items:center;overflow-x:hidden;background-color:var(--background1)}.hide{display:none}#root{flex:1;width:100%;display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center}.container{height:fit-content;display:flex;flex-direction:column;gap:1rem;padding:2rem;justify-content:center;align-items:center;border-radius:.25rem}.container input{color:var(--font-color);font-size:14px;text-align:center;width:100%;height:auto;margin:auto;padding:.5rem 0;border-radius:.25rem;border:1px solid var(--main-color);background-color:var(--font-inverted)}.container button{height:auto;padding:.8rem .5rem;border-radius:.25rem;background-color:var(--font-inverted);border:1px solid var(--accent-one);color:var(--accent-one);font-weight:700;cursor:pointer}.container button:nth-child(+2){background-color:var(--accent-one);color:var(--font-inverted)}.logoTodo{width:14rem;height:auto;margin:1rem}.welcome header{display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center;text-align:center}.welcome form{display:flex;flex-direction:column;gap:1rem}.welcome label{text-align:center}.welcome div{display:flex;gap:1rem}.header h1{font-size:20px;font-weight:700;color:var(--main-color)}.header h3{font-size:16px;font-weight:600;color:var(--accent-one)}.sectionButtons{display:flex;flex-direction:row;gap:1rem}.sectionButtons button{width:7rem}.googleButton{width:12rem;height:auto;margin:auto;border:none;cursor:pointer}.error{text-align:center;color:salmon;font-size:12px;width:14rem;align-self:center}.correct{text-align:center;color:var(--accent-one);font-size:12px;width:14rem;align-self:center}.home{width:75%;min-width:320px}.home input{padding:1rem 0;border:solid 1px var(--accent-one)}.home button{align-self:flex-end}.home section{width:100%}.home h1{font-size:20px;color:var(--font-color)}.home h3{padding:1rem;font-size:16px;font-weight:500;color:var(--font-color)}.home p{margin:.5rem 1rem;font-size:10px;color:var(--font-color)}#sectionMenu{display:flex;flex-direction:row;justify-content:space-between;align-items:center}#formTask{width:100%;display:flex;flex-direction:column;gap:1rem}.info{display:flex;flex-direction:row;gap:.5rem;justify-content:flex-end;align-content:center;flex-wrap:wrap}#allTasks{display:flex;flex-direction:column;gap:1rem}#allTasks article{background-color:var(--background2);border-radius:.5rem}#allTasks button{border:none;background-color:var(--background2)}#allTasks .fa-solid{color:var(--accent-one)}#allTasks .fa-solid:nth-child(1n+2){color:var(--main-color)}footer{font-size:12px;padding:1rem;color:var(--font-color);background:linear-gradient(rgba(186,180,210,.5),rgba(171,213,237,.5));min-width:320px;width:100%;text-align:center}footer div{display:flex;flex-direction:row;justify-content:center;align-items:center}footer p{padding:0 1rem;margin:.5rem}footer a{text-decoration:none;color:inherit}