header{flex-wrap:wrap}
form{max-width:580px}
form label{margin:14px 0}
form input,form select{width:100%}
#codeResult{max-width:580px;padding:18px;border:2px solid #91bdb4;border-radius:8px;background:#fff;margin-top:20px}
#newChildCode{font-family:monospace;font-size:24px;text-align:center;width:100%;max-width:100%;background:#f1f8f5}
#resetSubmit,#changeSubmit{background:#247c74;color:white}
#childInfo{font-weight:bold}
#codeResult p{font-size:13px;overflow-wrap:anywhere}
nav{flex-wrap:wrap}
@media(max-width:600px){nav button{flex:1 1 130px}#codeResult{padding:14px}h2{font-size:20px}.table-scroll td,.table-scroll th{min-width:130px}}