html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,main,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}*[hidden]{display:none}body{line-height:1}menu,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Arial,sans-serif;padding:0;margin:0 auto;max-width:1200px}button.Button{margin:10px;padding:10px 20px;font-size:16px;font-weight:700;color:#fff;background-color:#556b2f;border:none;border-radius:8px;cursor:pointer;transition:opacity .3s,background-color .3s}button.Button:hover{background-color:#6b8e23}button.Button:disabled{opacity:.5;cursor:default}.Options{display:flex;flex-direction:column}@media screen and (min-width: 800px){.Options{flex-direction:row;gap:20px}}.Results{overflow-x:auto;max-width:800px;margin:0 auto}.Results table{width:100%}.Results td{font-family:monospace;border:1px solid rgba(85,107,47,.5);padding:12px 3px;text-align:center;position:relative;font-size:14px;letter-spacing:3px;white-space:nowrap;background-color:#556b2f40}.Results td span{font-family:Arial,sans-serif;position:absolute;top:2px;left:5px;font-size:10px;letter-spacing:0;font-weight:700;color:#556b2fcc}.Results .special{font-size:14px;letter-spacing:3px;font-weight:700;margin:10px 0;text-align:left;padding:12px}@media screen and (min-width: 600px){.Results td,.Results .special{font-size:16px;letter-spacing:4px;padding:16px 4px}.Results td span{font-size:12px}}@media screen and (min-width: 800px){.Results td,.Results .special{font-size:24px;letter-spacing:6px}.Results td span{font-size:12px}}.Select select{margin:10px;padding:10px 20px;font-size:16px;font-weight:700;color:#fff;background-color:#556b2f;border:none;border-radius:8px;cursor:pointer;transition:opacity .3s,background-color .3s}.Select select:hover{background-color:#6b8e23}.Select select:disabled{opacity:.5;cursor:default}.App{padding:20px}.App h1{font-size:24px;margin-bottom:10px}.App p{margin-bottom:10px}