@import"https://fonts.googleapis.com/css2?family=Charm:wght@400;700&family=Cinzel+Decorative:wght@400;700;900&family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{background:url(/reading_background.svg)}#root{margin:0 auto;text-align:center}.app{width:100vw;height:100vh}.card{padding:2em}.crystalBall{height:50vh;width:100%;text-align:center;font-size:100px;text-shadow:-7px 6px 20px rgba(201,161,0,.4);-webkit-user-select:none;user-select:none}.crystalBall.loading{animation:1s ease-in-out alternate pulse infinite}@keyframes pulse{0%{opacity:1}to{opacity:.5}}.errorPage{width:100%;height:100%;display:flex;flex-direction:column;font-family:Cinzel Decorative;justify-content:center;font-size:30px}.loadingText{height:20vh;font-family:Cinzel Decorative;color:#c9a100;font-size:20px}.question{height:20vh;width:100%;text-align:center;font-size:30px;color:#c9a100;font-weight:700;text-shadow:2px 2px rgba(201,161,0,.4);font-family:Cinzel Decorative}.questionBufferSpace{height:30vh;width:100%}.questionElements{height:70vh;width:100%;display:flex;flex-direction:column;justify-content:center}.questionInput{height:30vh;width:100%;display:flex;padding-left:20%;gap:5%;flex-direction:row}.questionInput input{border:none;border-bottom:1px solid #c9a100;outline:none;background:transparent;width:100%;font-size:20px;font-family:"PT Serif";color:#c9a100}.questionInput input::placeholder{font-family:Charm;color:#c9a100}.readingBufferSpace{height:10vh;width:100%}.newReadingButton{position:absolute;left:87vw;bottom:13vh;font-size:15px;font-family:Cinzel Decorative}.newReadingButton button{color:#c9a100;background-color:transparent;border-color:#c9a100;transition:background .3s,color .3s}.newReadingButton button:hover{background-color:#d4af37;color:#1c1c1c}.fade{opacity:1;transition:opacity 1.2s}.tarotReadingElements{display:flex;flex-direction:column;align-items:center;gap:2%;width:100%}.readingPage{height:100%;width:100%;display:flex;flex-direction:row;background:radial-gradient(circle,black 20%,transparent 100%),url(/reading_background.svg);transition:opacity 1.2s}.readingSummary{display:flex;height:30vh;width:800px;text-align:center;font-family:EB Garamond;align-items:center;font-size:20px;padding:5px 10vw 20px;opacity:0;transition:opacity .5s}.readingSummary.flipped{opacity:1}.tarotCard{position:relative;width:100%;height:40vh;width:23.2vh}.tarotCard .front{transform:rotateY(90deg);position:absolute;transition:transform ease-in .5s}.tarotCard.flipped .front{transform:rotateY(0);transition-delay:.2s}.tarotCard .back{transform:rotateY(0);position:absolute;transition:transform ease-in .7}.tarotCard.flipped .back{transform:rotateY(90deg);transition-delay:.2s}.tarotCard>div{height:40vh;width:23.2vh}.tarotCard img{object-fit:contain;border-radius:3px;box-shadow:0 0 11px 3px #c9a10066;transition:transform .3s,box-shadow .3s}.tarotCard img:hover{box-shadow:0 12px 30px #c9a10066;transform:translateY(-5px)}.tarotSpread{display:flex;flex-direction:row;gap:1.5rem;height:60vh;align-items:center;padding:20px 50px;max-width:850px}.tarotCardGroup{display:flex;flex-direction:column;width:100%;gap:.8rem;align-items:center}.tarotCardSummary{height:40px;opacity:0;font-size:18px;font-family:EB Garamond;transition:opacity .5s}.tarotCardSummary.flipped{opacity:1}.tarotCardName{height:24px;opacity:0;transition:opacity .5s;font-family:Cinzel Decorative;font-size:18px;color:#c9a100}.tarotCardName.flipped{height:24px;opacity:1}.userInput{width:60%}