@import"https://fonts.googleapis.com/css2?family=Monoton&family=Quicksand:wght@500;700&display=swap";::-webkit-scrollbar{-webkit-appearance:none;width:0px}::-webkit-scrollbar-thumb{border-radius:4px;background-color:#00000080;box-shadow:0 0 1px #ffffff80}*{margin:0;padding:0;box-sizing:border-box}html{font-size:44.5%}body{font-size:2.4rem;font-family:sans-serif;color:#fff;font-family:Quicksand;font-weight:500}.app{width:100%;height:100vh;display:grid;grid-template-rows:auto auto 1fr auto}h1{text-align:center;background-color:#021c74;font-family:Monoton;font-size:8rem;text-transform:uppercase;font-weight:400;word-spacing:30px;letter-spacing:-5px;padding:2.4rem 0}.add-form{background-color:#01539d;padding:2.8rem 0;display:flex;align-items:center;justify-content:center;gap:.8rem}h3{margin-right:1.6rem;font-size:2.4rem}input{background-color:#e4dcee;color:#000;font-family:inherit;border:none;width:30%;border-radius:10rem;padding:1.5rem 3.5rem;font-weight:700;font-size:2rem;cursor:pointer}select,button{background-color:#e4dcee;color:#000;font-family:inherit;border:none;border-radius:10rem;padding:1.5rem 3.5rem;font-weight:700;font-size:1.8rem;cursor:pointer}.add-form button{text-transform:uppercase;background-color:#ccf281}.list{background-color:#ccf281;color:#000;padding:4rem 0;display:flex;justify-content:space-between;flex-direction:column;gap:3.2rem;align-items:center}.actions button,.list select{text-transform:uppercase;padding:.8rem 2.4rem;font-size:1.4rem;font-weight:700;margin:0 .8rem}.actions button{background-color:#00196b;padding:.8rem 2.4rem;color:#fff;border:#000 2px solid}.actions select{background-color:#00196b;color:#fff}.list ul{list-style:none;width:80%;overflow:scroll;display:grid;grid-template-columns:repeat(3,minmax(250px,1fr));gap:1.2rem;justify-content:center;align-content:start}.list li{display:flex;align-items:center;margin:20px;gap:1.2rem;line-height:1.4}input[type=checkbox]{height:2rem;width:2rem;accent-color:#01539D}.list li button{cursor:pointer;background:none;border:none;font-size:1.8rem;padding:.8rem;transform:translateY(2px)}.stats{background-color:#00196b;text-align:center;font-weight:700;padding:3.2rem 0}@media only screen and (max-width: 1000px){.list ul{list-style:none;width:80%;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.2rem;justify-content:center;align-content:start}.sample{display:none}}