*,body{box-sizing:border-box;margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#151515;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1,h2,h3,p{margin:0;padding:0}.header-title{color:#fff;font-family:Gilroy-bold;font-size:24px;line-height:80px;text-align:center}.card{background-color:#fff;border-radius:30px;height:710px;position:relative;width:500px}.card-red{border:6px solid #c42c27}.card-black{border:6px solid #000}.card-flower{height:auto;width:47px}.card-number{height:70px;margin:10px;width:36px}.card-content{align-items:center;display:flex;flex-direction:column;padding:24px 48px 84px}.card-img{margin:0 auto;text-align:center;width:100%}.card-img>img{border-radius:50%;height:300px;width:300px}.card-id{align-items:center;display:flex;flex-direction:column;position:absolute;width:47px}.card-title{font-family:Poppins-bold;font-size:24px;margin:12px;text-align:center;text-transform:uppercase}.card-normal{font-family:Poppins-regular;font-size:16px;height:12px;margin:0}.card-val{font-family:Poppins-bold;font-size:32px;margin-top:24px}.top{left:15px;top:35px}.bottom{bottom:35px;right:15px;transform:rotate(180deg)}.btngroup{padding:0 142px}.btn-body{align-items:center;border:3px solid #fff;border-radius:57px;color:#fff;cursor:pointer;display:flex;font-family:Poppins-bold;font-size:42px;justify-content:center;text-transform:uppercase;width:294px}.btn-score{background-color:#0f9fcd;margin-bottom:92px;margin-top:86px}.btn-higher{background-color:#086838;margin:20px 0}.btn-lower{background-color:#bf4a31;margin:20px 0}.btn-change,.btn-modal-group{align-items:center;display:flex}.btn-play{background-color:#086838;color:#fff;font-family:Poppins-bold;font-size:20px;margin-left:12px}.btn-back,.btn-play{align-items:center;border:2px solid #fff;border-radius:40px;cursor:pointer;display:flex;height:80px;justify-content:center;text-transform:uppercase;width:204px}.btn-back{background-color:#bf4a31}.btn-back>a,.btn-play>a{color:#fff;font-family:Poppins-bold;font-size:20px;text-decoration:none}.modal{background-color:#010101cc;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:10}.visible{display:block}.invisible{display:none}.modal-content{align-items:center;animation:modal-popup .5s;background-image:radial-gradient(#333,#000);border-radius:60px;color:#fff;display:flex;flex-direction:column;height:575px;justify-content:center;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);width:950px}@keyframes modal-popup{0%{scale:1;transform:translate(-50%,300%)}to{scale:1;transform:translate(-50%,-50%)}}.won>h1{color:#1f9e5f}.lose>h1,.won>h1{font-family:Poppins-bold;font-size:70px;font-weight:900;text-transform:uppercase}.lose>h1{color:#ee5130}.modal-content>h2{color:#f2c421;font-family:Poppins-bold;font-size:80px;font-weight:900}.modal-content>h3{font-size:30px;text-shadow:0 5px 3px #000;text-transform:uppercase}.modal-content>h3,.modal-content>p{color:#fff;font-family:Poppins-regular}.modal-content>p{font-size:14px;font-weight:200;margin-bottom:63px}.main{color:#999;margin:30px 10px 20px}.main span{color:#fff}.work{color:#444;font-size:40px;text-align:center}.work span{color:#000}.backbtn{background-color:#777;border-radius:4px;color:#fff;font-size:20px;padding:5px;text-align:center;text-decoration:none;width:200px}.backdiv{align-items:center;display:flex;flex-direction:column;justify-content:center}@font-face{font-family:Gilroy-bold;src:url(/static/media/Gilroy-Bold.bf181b073b4773f45c8e.ttf)}@font-face{font-family:Poppins-bold;src:url(/static/media/Poppins-Bold.cdb29a5d7ccf57ff05a3.ttf)}@font-face{font-family:Poppins-regular;src:url(/static/media/Poppins-Regular.35d26b781dc5fda684cc.ttf)}.App{height:100vh;min-height:800px;width:100vw}.App-header{background-color:#cf1c1f;color:#fff}.App-logo{height:64px;left:50px;position:absolute;top:8px}.App-link{color:#61dafb}.app-content{display:flex;justify-content:space-around;max-height:calc(100% - 80px);padding:123px 173px 165px;width:100%}.content-back{background-image:url(/static/media/image%202.76a0b61f2381a0709450.png);background-size:cover}
/*# sourceMappingURL=main.5e80584c.css.map*/