:root{--background:#1f1f1f;--darkerBackground:#181818;--accent:#f50;--text:#ebeff3}body{margin:0;font-family:"Play",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1f1f1f;background-color:var(--background);color:#ebeff3;color:var(--text)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{display:flex;flex-direction:column;justify-items:center;align-items:center}.App .title{display:flex;flex-direction:row}.App .title>img{margin:2.3em 20px 2.3em 0;max-height:30px}.App .title>h1{font-size:42px}.App .title .version{font-size:10pt;color:#4e4e4e}.App footer{display:flex;flex-direction:column;align-items:center}.App footer .love{color:var(--accent)}.App footer .source>a{font-size:10pt;text-decoration:none}.App footer a{font-weight:700;color:var(--white);transition:color .3s ease-in-out}.App footer a:hover{color:var(--accent)}.random-words{display:flex;min-width:510px;width:35%;min-height:100px;background-color:var(--darkerBackground);padding:16px;border-radius:2px;flex-direction:column;align-items:center;justify-content:space-around}.random-words .generate{font-size:14pt;background-color:var(--accent);text-align:center;text-transform:uppercase;font-weight:700;color:#fff;padding:6px 8px 4px;border-radius:2px;border:none;cursor:pointer;transition:background-color .3s ease-in-out}.random-words .generate:hover{background-color:#fd6e35}.random-words .inputs{display:flex;flex-direction:row;width:100%;justify-content:center}.random-words .inputs>input[type=radio]{display:none}.random-words .inputs>input[type=radio]:checked+label{background-color:var(--accent);border-color:var(--accent)}.random-words .inputs label{cursor:pointer;border:1px solid #4e4e4e;background-color:#282828;border-radius:2px;padding:8px;transition:all .3s ease-in-out}.random-words .inputs label.firstLabel{border-radius:0}.random-words .inputs label.secondLabel{border-top-left-radius:0;border-bottom-left-radius:0}.random-words .inputs label:hover{border-color:var(--accent)}.random-words .inputs input[type=text]{font-family:"consolas";border:1px solid #4e4e4e;background-color:#282828;border-radius:2px 0 0 2px;padding:8px;color:#fff;outline:0 none;resize:none;box-shadow:none;min-width:220px;width:80%;text-align:center}.random-words .inputs input[type=text]:focus{border-color:#696969}
/*# sourceMappingURL=main.6c3af51a.chunk.css.map */