body{margin:0;padding: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;background:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{animation:App-logo-spin 20s linear infinite;height:40vmin;pointer-events:none}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.tarot{text-align:left;margin:.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}.tarot .clearFix{clear:both}.tarot .shuffle{color:#fff;background:#daa520;padding:.5rem 1rem;cursor:pointer;text-align:center;width:6rem;margin:2rem auto;box-shadow:2px 2px 4px #bfc2c7;letter-spacing:.04rem}.tarot .shuffle:hover{background:#d2b55b;box-shadow:none}.tarot .selectCard{width:9rem;padding:1rem;border:.063rem solid #434a54;border-radius:.25rem;margin:0 auto;text-align:center;box-shadow:2px 2px 4px #999;color:#434a54;cursor:not-allowed;font-weight:500;background-color:#f9fafa}.tarot .selectCard:hover{background:#bfc2c7}.tarot .resultCard{width:9rem;font-weight:500;padding:1rem;border-radius:.25rem;margin:0 auto;text-align:center;box-shadow:2px 2px 4px #bfc2c7;cursor:pointer;background:#daa520;color:#fff}.tarot .resultCard:hover{background:#daa520;box-shadow:none}.tarot .cardDiv{display:block;margin:2rem}.tarot .cardDiv .deck{float:left;position:relative;cursor:pointer;margin-right:-150px;height:250px;width:150px}.tarot .cardDiv .deck:first-child{margin-left:0!important}.tarot .resultTitle{text-align:center;font-size:2rem;padding:1rem;color:#daa520;border-bottom:.063rem solid #daa520}.tarot .cardImage{height:250px}.tarot .cardName{font-size:1.25rem}.tarot .cardName,.tarot .cardTitle{font-weight:700;padding:1rem;color:#434a54}.tarot .cardData,.tarot .cardTitle{font-size:1.125rem}.tarot .cardData{line-height:1.5rem;padding:0 1rem 1rem;color:#434a54}.tarot .detail{border:.063rem solid #bfc2c7;width:35%;margin:4rem auto;padding:3rem;text-align:center;font-size:2rem;border-radius:.25rem;color:#fff;background:#daa520;box-shadow:2px 2px 4px #bfc2c7;cursor:pointer}.tarot .detail:hover{background:#daa520;box-shadow:none}.tarot .tabBar{display:flex;justify-content:center;padding:2rem 0}.tarot .tabBar .tab{color:#434a54;padding:.75rem 1.3125rem;border-radius:.25rem;border:1px solid #434a54;font-weight:500;text-align:center;width:25%;cursor:pointer;display:inline-block;background-color:#f9fafa}.tarot .tabBar .border-right-radius-none{border-bottom-right-radius:0;border-top-right-radius:0}.tarot .tabBar .border-left-radius-none{border-bottom-left-radius:0;border-top-left-radius:0}.tarot .tabBar .border-right-none{border-right:0}.tarot .dataDiv{padding:1rem;margin:1rem;border-top:.0rem solid #daa520}.tarot .dataDiv .dataSubDiv{width:50%;padding:1rem 1rem}
/*# sourceMappingURL=main.392b7021.chunk.css.map */