@import url(https://fonts.googleapis.com/css2?family=Mansalva&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600&display=swap);:root{--deep-green:#605828;--orange:#f9a115;--blush:#fcc5ac;--charcoal:#1e1d1d;--blue:#a9ccff}html{background-color:#e7d8c0}body,html{height:100%}body{align-items:center;background-color:none;color:#f9a115;color:var(--orange);display:flex;flex-flow:column nowrap;font-family:Mansalva,cursive;justify-content:center;max-width:100%;overflow-y:hidden}.pencil-image{background-image:url(/to-do-list/static/media/pencil.dc4d882732cfc21de88c.png);background-repeat:no-repeat;background-size:cover;height:14rem;position:fixed;-webkit-transform:translate(-12.4rem,11.5rem);transform:translate(-12.4rem,11.5rem);width:8rem;z-index:4}.list-section{align-items:center;background-image:url(/to-do-list/static/media/paper.a5b387c16c6c62945e57.png);background-position:50%;background-repeat:no-repeat;background-size:contain;display:flex;flex-flow:column nowrap;height:35rem;justify-content:flex-start;padding-top:5.5rem;width:50rem}h1{color:#605828;color:var(--deep-green);font-family:Cormorant Garamond,serif;font-weight:700;margin-bottom:.5rem}.flex-todos{z-index:3}.the-list{color:#605828;color:var(--deep-green);font-size:1.2rem;line-height:3rem}.buttons{align-items:flex-start;display:flex;flex-flow:column;justify-content:flex-start;-webkit-transform:translateY(-2rem);transform:translateY(-2rem);z-index:2}.input-and-add{align-items:baseline;display:flex;height:7rem}input.todo-input{background-color:hsla(0,0%,100%,0);background-image:url(/to-do-list/static/media/input.01a8107e9bf6ba71ae5d.png);background-position:100%;background-repeat:no-repeat;background-size:cover;border:none;color:#605828;color:var(--deep-green);-webkit-filter:none;filter:none;font-family:Mansalva,cursive;font-size:1rem;height:4rem;outline:none;overflow:visible;padding:1rem 1rem 0;transition:-webkit-filter 1s linear;transition:filter 1s linear;transition:filter 1s linear,-webkit-filter 1s linear;width:8rem;z-index:5}.todo-input:focus{color:#c3b150}.todo-input:hover{color:#a1690e;outline:none;text-decoration:none}input[type=checkbox]{accent-color:#fcc5ac;accent-color:var(--blush);width:1.5rem}.add{aspect-ratio:1;background-color:rgba(169,204,255,0);background-image:url(/to-do-list/static/media/add-to-do.6ed7056d1c8eef57eae2.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:none;color:#405d89;cursor:pointer;-webkit-filter:contrast(80%);filter:contrast(80%);font-family:Mansalva,cursive;font-size:.75rem;height:3.85rem;padding:1rem .7rem;transition:-webkit-filter .75s linear;transition:filter .75s linear;transition:filter .75s linear,-webkit-filter .75s linear;width:8rem}.add:hover{aspect-ratio:1;-webkit-filter:hue-rotate(180deg);filter:hue-rotate(180deg)}.left-and-clear{align-content:center;display:flex;justify-content:center}.left{align-self:center;aspect-ratio:1;background-color:none;background-image:url(/to-do-list/static/media/left-to-do.b959c84ae341dbebb260.png);font-size:.7rem;font-weight:700;height:3rem;padding:1.5rem;text-align:center;-webkit-transform:translateY(-2rem);transform:translateY(-2rem);width:3rem}.clear,.left{background-position:50%;background-repeat:no-repeat;background-size:cover;color:#605828;color:var(--deep-green)}.clear{background-color:rgba(96,88,40,0);background-image:url(/to-do-list/static/media/completed-to-dos.a911317e70906fcdbe68.png);border:none;cursor:pointer;-webkit-filter:brightness(90%),saturate(150%);filter:brightness(90%),saturate(150%);font-family:Mansalva,cursive;font-size:.8rem;height:4.75rem;margin:0 1rem 1rem;padding:1rem 1rem 2rem;-webkit-transform:translateY(-1rem);transform:translateY(-1rem);transition:-webkit-filter .3s ease-in;transition:filter .3s ease-in;transition:filter .3s ease-in,-webkit-filter .3s ease-in}.clear:hover{-webkit-filter:brightness(80%);filter:brightness(80%)}@media only screen and (max-width:767px){body{overflow-x:hidden;overflow-y:hidden;width:100vw}.pencil-image{height:10rem;-webkit-transform:translate(-11.4rem,10.1rem);transform:translate(-11.4rem,10.1rem);width:5.6rem}.list-section{height:30rem;width:32rem}}
/*# sourceMappingURL=main.3944d159.css.map*/