body{margin:0;font-family:-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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{box-sizing:border-box;margin:0;padding:0;font-family:sans-serif}.hero{min-height:100vh;background:#5555ab;color:#fff}.hero,.hero .container{width:100%;display:flex}.hero .container{max-width:400px;margin:auto;padding:30px;flex-direction:column;background:#04042b}.hero .container .randomNum{background:#181831;padding:20px}.hero .container .randomNum p span{color:#9cff9c;font-weight:600}.hero .numContainer{display:flex;justify-content:space-between;padding:60px 0;width:100%}.hero .numContainer div{width:100%;max-width:42%}.hero .numContainer div input{padding:8px;border:none;outline:none;width:100%;background:#181831;color:#9cff9c}.hero .container button{align-self:flex-end;border:none;outline:none;background:#292977;color:#fff;padding:14px;width:100%;font-size:22px;cursor:pointer}
/*# sourceMappingURL=main.3a560edf.chunk.css.map */