@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap);.outfit-regular{font-family:Outfit,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:400}*{box-sizing:border-box;font-family:Outfit,sans-serif;margin:0;padding:0}.main-content{background-color:#86469c;color:#fb9ad1;flex-direction:column;text-align:center}.header,.main-content{align-items:center;display:flex;justify-content:center}.header{background-color:#bc7fcd;color:#ffcdea;flex-direction:row;padding-bottom:1rem;padding-top:1rem;text-transform:uppercase;width:100%}.randomizer{padding:0 1rem}.options-button,.randomizer-button{background-color:#ffcdea;border:none;border-radius:5rem;color:#86469c;cursor:pointer;font-size:2rem;padding:1rem}.options-button{margin-left:1rem}.options-screen{background-color:#ffcdea;color:#86469c;flex-direction:column;padding-bottom:1rem;padding-top:1rem;text-transform:uppercase;width:100%}.add-form,.options-screen{align-items:center;display:flex;justify-content:center}.add-form{flex-direction:row;gap:1rem}.input-box{background-color:#fff;border:none;border-radius:1rem;color:#86469c;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:700;padding:1rem}.add-button{background-color:#86469c;border:none;border-radius:2rem}.add-button,.remove-button{color:#ffcdea;cursor:pointer;font-size:1rem;padding:1rem}.remove-button{background-color:#fff;border:none;border-radius:1rem;margin-left:1rem}.toggle-remove{margin-top:1rem}.result-panel{align-items:center;background-color:#86469c;color:#fb9ad1;display:flex;flex-direction:row;gap:1rem;justify-content:center;padding-bottom:2rem;padding-top:2rem}h3{color:#ffcdea;font-size:3rem;font-weight:200}.grid-container{grid-gap:.4rem;align-items:center;background-color:#86469c;display:grid;grid-row:auto;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;justify-content:center}.cell{background-color:#ffcdea}.cell,.cell.active{align-items:center;border-radius:1rem;color:#86469c;display:flex;height:5rem;justify-content:center;padding:1rem 2rem}.cell.active{background-color:#fb9ad1}@media (max-width:900px){.grid-container{grid-gap:.4rem;align-items:center;background-color:#86469c;display:grid;grid-row:auto;grid-template-columns:1fr 1fr 1fr 1fr;justify-content:center}}@media (max-width:600px){.grid-container{grid-gap:.4rem;align-items:center;background-color:#86469c;display:grid;grid-row:auto;grid-template-columns:1fr 1fr 1fr;justify-content:center}}
/*# sourceMappingURL=main.edafd36b.css.map*/