@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;700&display=swap";.form-container{display:flex;border-radius:8px;padding:1em;-webkit-box-shadow:0px 9px 17px -10px rgba(0,0,0,.45);-moz-box-shadow:0px 9px 17px -10px rgba(0,0,0,.45);box-shadow:0 9px 17px -10px #00000073}.check-button{font:inherit;width:1.5em;height:1.5em;padding:.5em;display:flex;align-items:center;justify-content:center;border:1px solid hsl(237,14%,26%);background:transparent;border-radius:50em;margin-right:1em;cursor:pointer;z-index:1000}.check-button:focus{outline:none}.todo-list{border-radius:8px;-webkit-box-shadow:0px 9px 17px -10px rgba(0,0,0,.45);-moz-box-shadow:0px 9px 17px -10px rgba(0,0,0,.45);box-shadow:0 9px 17px -10px #00000073}.item-display{display:flex;justify-content:space-between;padding:1.2em 1em;border-top:1px solid hsl(237deg 14% 26% / 40%)}.clear-completed-btn{border:none}.clear-completed-btn:hover{color:#3a7bfd;background-color:transparent}.todo-item{display:flex;align-items:center;padding:1em;border-top:1px solid hsl(237deg 14% 26% / 40%)}li:first-child{border-top:none}.delete-button{width:1.5em;height:1.5em;border:none;background-color:transparent;background:url(/assets/icon-cross-b3376af3.svg);background-repeat:no-repeat;opacity:.4;margin-left:auto}.option-bar{padding:1.2em 1em;display:flex;justify-content:space-evenly;border-radius:8px;margin-top:1em;-webkit-box-shadow:0px 9px 17px -10px rgba(0,0,0,.45);-moz-box-shadow:0px 9px 17px -10px rgba(0,0,0,.45);box-shadow:0 9px 17px -10px #00000073}.option-button{border:none}.option-button:hover{color:#3a7bfd;background-color:transparent}.toggle-theme-button{border:none;background-color:transparent;background-repeat:no-repeat;width:2em;height:2em}.switch-to-dark-icon{background-image:url(/assets/icon-sun-fc80f87a.svg)}.switch-to-light-icon{background-image:url(/assets/icon-moon-dadf6d0a.svg)}.clear-all-btn{padding:1em;border-radius:8px;margin-top:1em;width:100%;display:flex;justify-content:center;box-shadow:0 9px 17px -10px #00000073}.clear-all-btn:hover{color:#ef476f}header{background-repeat:none;background-size:cover;background:linear-gradient(to right,hsl(235,64%,67%),hsl(280,87%,65%));padding:1.5em 1.5em 4em}main{padding:1.5em;position:absolute;top:32%;left:0;right:0;bottom:0}.nav-wrapper,.main-wrapper{max-width:550px;margin:auto}.nav{display:flex;background:transparent;justify-content:space-between;padding:2em 0}.nav__title{text-transform:uppercase;letter-spacing:.5rem;color:#fff;font-size:2rem;font-weight:700}.header-dark-img{background-image:url(/assets/bg-desktop-dark-cf72eaad.jpg);background-size:cover;background-repeat:no-repeat}.header-light-img{background-image:url(/assets/bg-desktop-light-c99caf89.jpg);background-size:cover;background-repeat:no-repeat}.content-placeholder{text-align:center;padding:2em;margin:1em 0;border-radius:8px;box-shadow:0 9px 17px -10px #00000073}@media only screen and (max-width: 375px){main{top:32%}}@media only screen and (min-width: 380px){main{top:28%}}@media only screen and (min-width: 700px) and (max-width: 1080px){main{top:26%}}@media only screen and (min-width: 1440px){main{top:21%}}@media only screen and (min-width: 1640px){main{top:23%}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;font-family:Josefin Sans,sans-serif;font-size:18px}body{min-height:100vh;overflow-x:hidden}img,picture,video{display:block;max-width:100%;width:100%;height:100%}button{cursor:pointer;font-family:Josefin Sans,sans-serif;color:#cacde8;border:none}input{outline:none;background-color:transparent;border:none}input::placeholder{color:#cacde89e}#no-border{border:none}.dark{background-color:#25273c;color:#cacde8}.light{background-color:#fafafa;color:#25273c;border:1px solid hsl(234,39%,85%)}