:root{--color-onyx:#3b3f45;--color-white:#fff;--color-black:#000;--color-red:red;--color-gray:grey;--header-background-color:var(--color-black);--header-color:var(--color-white);--header-link-hover-color:var(--color-red);--disabled-button-background-color:var(--color-gray)}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;font-family:"Quicksand",sans-serif;line-height:1.5}.wrapper{margin-left:10px;margin-right:10px}a{text-decoration:none}.lead{font-size:1.25rem;margin-bottom:.25rem}h1{font-size:2.5rem}@media screen and (min-width:1200px){.wrapper{width:1200px;margin-left:auto;margin-right:auto}}@media screen and (min-width:600px){main.wrapper{display:grid;grid-template-columns:310px auto;grid-template-areas:"hero hero" "instructions instructions" "criteria results" "example example" "footer footer";grid-gap:10px;gap:10px}}.criteria{max-width:313px;grid-area:criteria}.form-group{display:block;margin-bottom:.25rem}input{padding:10px;border-radius:10px;border:1px solid #000;letter-spacing:1px;font-size:1.25rem;width:100%}ol{margin-left:10px}.btnSubmit{background-color:var(--header-background-color);padding:.25rem 1rem;border:1px solid var(--header-background-color);color:var(--header-color);font-size:2rem;border-radius:10px}.btnSubmit:hover{color:var(--header-link-hover-color)}.btnSubmit:disabled,.btnSubmit:disabled:hover{background-color:var(--disabled-button-background-color);color:var(--header-color);border:1px solid var(--disabled-button-background-color)}input#pattern::-webkit-input-placeholder{font-size:.8rem}input#pattern:-ms-input-placeholder{font-size:.8rem}input#pattern::-ms-input-placeholder{font-size:.8rem}input#pattern::placeholder{font-size:.8rem}@media screen and (min-width:338px){input#pattern::-webkit-input-placeholder{font-size:1.25rem}input#pattern:-ms-input-placeholder{font-size:1.25rem}input#pattern::-ms-input-placeholder{font-size:1.25rem}input#pattern::placeholder{font-size:1.25rem}}.results{grid-area:results}.word{margin-left:.25rem;margin-right:.25rem;margin-bottom:.5rem;padding:.5rem;background-color:#f4f4f4;border-radius:5px;display:inline-block}.siteHeader{background-color:var(--header-background-color);color:var(--header-color);font-family:"Quicksand",sans-serif;padding-top:10px;padding-bottom:10px}.siteLogo{font-size:2rem}.siteHeader .wrapper{display:flex;justify-content:space-between;align-items:center}.siteHeader a{color:var(--header-color)}.siteHeader a:hover{color:var(--header-link-hover-color)}.hero{margin-bottom:1rem;grid-area:hero}ol{list-style-position:outside;margin-left:15px}.instructions{margin-bottom:1rem;grid-area:instructions}.footer{grid-area:footer;font-size:.8rem;margin-bottom:10px}.example{grid-area:example}ol ol{list-style-type:lower-roman}kbd{font-weight:900}
/*# sourceMappingURL=main.6d9e24f1.chunk.css.map */