body{color:#222;font-family:sans-serif;line-height:1.5;margin:1rem;max-width:768px;margin:0 auto;height:100vh}a{color:#00e;text-decoration:none}header,footer{padding:2rem;text-align:center}#suggester{display:flex;flex-direction:column;gap:2rem 2rem;padding:2rem}.type,.category{display:flex;flex-direction:column}.type select,.category select{background:0 0;border:1px solid #000;padding:1rem}.family-friendly{padding:1rem 0}.submit{margin:0 auto}.submit #submit{background:0 0;border:1px solid #000;padding:2rem;color:#fff;background:#000}.submit #submit:hover{cursor:pointer;border:1px inset #000}.result-wrapper{display:none}.show{display:block}.result-wrapper.show{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;background:#fff;padding:2rem 1rem}#suggestion{font-weight:700;font-size:2rem;text-align:center}.close{text-align:center;cursor:pointer;border:1px solid #000;padding:1rem .5rem}.close:hover{border:1px inset #000}