body,html,#root{height:100%;margin:0;font-family:Arial,sans-serif}.app{height:100%;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.container{text-align:center}input[type=text]{padding:10px;font-size:18px;width:200px;border:2px solid #ccc;border-radius:4px;outline:none;text-align:center}.output{margin-top:10px;padding:10px;font-weight:700;border-radius:4px;color:#fff}.valid{background-color:#0000004d}.error{background-color:#00000080}