:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;background:linear-gradient(90deg,red,#00f);color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--theme: #e4c978}html,body{min-height:100vh}body{background:linear-gradient(90deg,#ce0000 0% 3.12%,#c7001d 6.25%,#c50029,#c30732,#bd193d,#b72446 18.75%,#ac3058 25%,#953e76,#7d4493 50%,#4b3fc9 75%,#2e30e4 87.5%,#1c22f1 93.75%,#1016f8,#00f);background:linear-gradient(90deg,color(xyz 0.271 0.122 -0.007),color(xyz 0.261 0.122 0.004),color(xyz 0.25 0.121 0.015),color(xyz 0.24 0.12 0.028),#c30732,#bd193d,#b72446 18.75%,#ac3058 25%,#953e76,#7d4493 50%,#4b3fc9 75%,#2e30e4 87.5%,#1c22f1 93.75%,#1016f8,#00f);background-size:400% 400%;animation:moving-gradient 30s ease infinite}@keyframes moving-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@font-face{font-family:Dolenzo J;src:url(/buildyourowntarot/fonts/9DOLENZO.TTF);font-weight:400;font-style:normal}body{margin:0;display:flex;place-items:center;box-sizing:border-box}h1{font-size:3.2em;line-height:1.1}#app{display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;margin:0 auto;padding:2rem;text-align:center}#tarotCard{width:calc(7px * var(--multiplier));height:calc(11px * var(--multiplier));box-sizing:border-box;margin-bottom:1rem;perspective:1000px}.cardInner{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d;background-color:#000;border-width:calc(4px * var(--multiplier) * .1) calc(2px * var(--multiplier) * .1);border-style:solid;border-color:#000;border-radius:8px;box-sizing:border-box}#tarotCard #number{position:absolute;top:0;padding-top:calc(var(--multiplier) * .1px);border-radius:8px 8px 0 0}#image{background-color:var(--theme);cursor:crosshair;border-radius:8px}#tarotCard input{width:100%;box-sizing:border-box;border:0;color:#000;background-color:transparent;text-align:center;font-family:Dolenzo J,cursive;font-size:1.5rem}#description{width:100%;background-color:transparent;border:0;padding:1rem;box-sizing:border-box;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;font-size:1rem}#tarotCard #name{position:absolute;bottom:0;padding:1rem;flex-grow:1;display:flex;justify-content:center;align-items:center;background-color:var(--theme);border-top:2px solid black;border-radius:0 0 8px 8px}button{padding:.5rem 1rem;margin-top:1rem;background-color:#5a90cb;color:#fff;border:0;border-radius:4px;cursor:pointer}button:disabled{background-color:gray;opacity:.9;cursor:not-allowed}button.danger{background-color:#ff485d}.hidden{display:none!important}#flip{background-color:var(--theme);color:#000}#tarotCard.flipped .cardInner{transform:rotateY(-180deg)}.cardFront,.cardBack{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--theme);color:#000}.cardBack{transform:rotateY(180deg)}