@import"https://fonts.googleapis.com/css2?family=Monoton&family=Quicksand:wght@500;700&display=swap";*{margin:0;padding:0}.m-10{margin:10px}.ml-10{margin-left:10px}.myLink{padding:5px;border:0;border-radius:30px;display:block;width:30px;height:30px;cursor:pointer;background-color:#7950f2}.myLink:hover{background-color:#9acd32}.light{height:100%;background-image:url(../images/icons8-light-60.png);background-size:contain}.close{height:100%;background-image:url(../images/icons8-no-idea-60.png);background-size:contain}.homeBtn{height:100%;background-image:url(../images/icons8-home-60.png);background-size:contain}.routerUl{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;font-family:Arial,Helvetica,sans-serif;font-size:1.5rem;background-color:#9acd32}.routerLi{margin:5px;border:1px solid #333;border-radius:5px;width:200px;list-style:none}.routerLi a{padding:0 5px;display:flex;width:100%;text-decoration:none;color:#333}.routerLi:hover{background-color:#ccc}.routerLi:hover a{color:#fff}.steps{font-family:Arial,Helvetica,sans-serif;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;margin:80px auto;border-radius:5px;width:500px;height:200px;background-color:#eee}.numbers{display:flex;justify-content:space-evenly;width:100%}.numbers div{display:flex;justify-content:center;align-items:center;border-radius:50%;width:30px;height:30px;background-color:#ccc}.message{font-size:20px;font-weight:600}.buttons{display:flex;justify-content:space-around;width:100%}.buttons button{padding:5px 10px;border:0;border-radius:20px;cursor:pointer;color:#fff}.active{background-color:#7950f2!important;color:#fff}.homeBox{position:absolute;top:10px;right:25%;display:flex;justify-content:space-between}.middle{display:flex;justify-content:center;margin:10px auto;font-size:30px;background-color:#5f9ea0}.middle button{width:30px;margin:0 10px;font-size:20px}*{margin:0;padding:0;box-sizing:border-box}.app{width:100%;height:100vh;display:grid;grid-template-rows:auto auto 1fr auto;font-family:sans-serif;color:#5a3e2b;font-family:Quicksand;font-weight:500}.logo{text-align:center;background-color:#f4a226;font-family:Monoton;font-size:6rem;text-transform:uppercase;font-weight:400;word-spacing:30px;letter-spacing:-5px}.add-form{background-color:#e5771f;padding:2rem 0;display:flex;align-items:center;justify-content:center;gap:.8rem}.title{margin-right:1rem;font-size:1.5rem}.btn,.mySelect,.myInput{background-color:#ffebb3;color:#5a3e2b;font-family:inherit;border:none;border-radius:2rem;padding:.3rem 1rem;font-weight:700;font-size:1.2rem;cursor:pointer}.add-form button{text-transform:uppercase;background-color:#76c7ad}.list{padding:2rem 0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:1.5rem;color:#ffebb3;background-color:#5a3e2b}.actions button,.list select{text-transform:uppercase;padding:.5rem 2rem;font-size:1.2rem;font-weight:700;margin:0 .5rem}.list ul{list-style:none;width:80%;overflow:scroll;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;justify-content:center;align-content:start;overflow-x:hidden}.list li{display:flex;align-items:center;gap:1.2rem}input[type=checkbox]{height:1.5rem;width:1.5rem;accent-color:#e5771f}.list li button{cursor:pointer;background:none;border:none;font-size:1.2rem}.stats{background-color:#76c7ad;text-align:center;font-weight:700;padding:2rem 0}.flashcards{margin:20px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.flashcards div{border:1px solid #e7e7e7;background-color:#f7f7f7;border-radius:7px;aspect-ratio:2 / 1;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;cursor:pointer}div.selected{border:1px solid #e03131;background-color:#e03131;color:#fff;font-weight:700}.container{display:flex;flex-direction:column;align-items:center;justify-content:space-around;height:30vh;background-color:wheat}.rangeBox{display:flex;justify-content:space-around;width:300px}.rangeBox i{color:#333;font-style:normal;font-size:30px}.counterBox input{margin:5px;padding:5px;height:30px}.stepBtn{width:30px;height:30px}