html,body{margin:0;padding:0;overflow-x:hidden;width:100%}:root{font-family:Libertinus Mono,monospace;font-weight:400;font-style:normal;color-scheme:light dark;color:#ffffffde;background-image:linear-gradient(to bottom,#000,#090003,#100008,#14000e,#160014,#1e061e,#240b29,#2b0d35,#3e0f4a,#520f5f,#680b74,#7f0089);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#fff;text-decoration:inherit;will-change:filter;transition:filter .3s}a:hover{filter:drop-shadow(0 10px 1px #bc02f5)}body{margin:0;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{color:violet;background-color:#000;border:2px solid violet;border-radius:8px;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:hover{border-color:#000}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (max-width: 480px){:root{width:99%}body{max-height:100vh}}#root{max-width:1280px;margin:0 auto;text-align:center}.card-display{display:flex;flex-direction:row;width:500px;justify-content:space-between}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}.card{padding:2em}.read-the-docs{color:#888}.main-logo{height:300px;width:300px;filter:drop-shadow(2px 2px #ffffff) drop-shadow(2px -2px #ffffff) drop-shadow(-2px 2px #ffffff)drop-shadow(-2px -2px #ffffff);animation:fade-in-bottom .6s cubic-bezier(.39,.575,.565,1) both}.login-or-signup{display:flex;justify-content:center;align-items:center;animation:fade-in-bottom .9s cubic-bezier(.39,.575,.565,1) both}.login-a,.signup-a{margin:10px}.app-name{font-weight:400;padding:20px}.fade{animation:fade-in-bottom .9s cubic-bezier(.39,.575,.565,1) both;padding:10px 20px}.modal-content{padding:20px;text-align:left;animation:puff-in-center .7s cubic-bezier(.47,0,.745,.715) both}@keyframes puff-in-center{0%{-webkit-transform:scale(2);transform:scale(2);-webkit-filter:blur(4px);filter:blur(4px);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:blur(0px);filter:blur(0px);opacity:1}}.logo-nav{margin-left:-10px;width:40px;height:44px}.nav-items{display:flex;justify-content:space-evenly;flex-direction:row;align-items:center}.list-items{list-style:none}.card{width:150px;height:250px;filter:drop-shadow(2px 2px #af00b2) drop-shadow(2px -2px #af00b2) drop-shadow(-2px 2px #af00b2)drop-shadow(-2px -2px #af00b2)}.flip-card{width:200px;height:300px;perspective:1000px;cursor:pointer;margin:10px}.flip-card-inner{position:relative;width:100%;height:100%;transition:transform .8s;transform-style:preserve-3d}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border:1px solid #af00b2;display:flex;justify-content:center;align-items:center}.flip-card-front{background-color:#af00b2;opacity:1;background-image:radial-gradient(circle at center center,#000,#af00b2),repeating-radial-gradient(circle at center center,#000000,#000000,10px,transparent 20px,transparent 10px);background-blend-mode:multiply}.flip-card-back{transform:rotateY(180deg);background-color:#000}.card-logo{width:100px;height:100px;filter:drop-shadow(2px 2px #af00b2) drop-shadow(2px -2px #af00b2) drop-shadow(-2px 2px #af00b2)drop-shadow(-2px -2px #af00b2)}.upsidedown-card{transform:rotate(180deg)}.flipped{animation:flip-in-ver-right .5s cubic-bezier(.25,.46,.45,.94) both}@keyframes flip-in-ver-right{0%{-webkit-transform:rotateY(-80deg);transform:rotateY(-80deg);opacity:0}to{-webkit-transform:rotateY(0);transform:rotateY(0);opacity:1}}@media (max-width: 480px){.card-display{width:100%}.flip-card{max-width:100px;height:200px}.card{height:200px;width:100px}.card-logo{max-width:80px}}.symbols{display:flex;justify-content:center;will-change:filter;transition:filter .3s;filter:drop-shadow(0 0 2em #646cffaa);color:violet}.form{padding:10px}.form-entry{display:flex;justify-content:space-between;margin:10px}.entry{width:200px;color:violet;background-color:#000;border:0px;border-radius:5px;padding:5px;font-family:Libertinus Mono,monospace}.calander{color:violet;background-color:#000;border:2px solid violet}.gender-btn{margin:10px;color:violet;background-color:#000;border:2px solid violet;padding:20px;border-radius:205px}.reading-container{max-width:800px;margin:0 auto;text-align:center}.reading-text,.card-display{margin:0 auto;padding:10px}.reading-text{animation:focus-in-expand .8s cubic-bezier(.25,.46,.45,.94) both;width:600px}.response{text-align:left}.loading{height:110px;width:110px;animation:shadow-drop-center .4s cubic-bezier(.25,.46,.45,.94) infinite both}.card-display{width:max-content}@keyframes shadow-drop-center{0%{-webkit-filter:drop-shadow(0px 0px #d000ff);filter:drop-shadow(0px 0px #d000ff)}to{-webkit-filter:drop-shadow(2px 2px #d000ff) drop-shadow(2px -2px #d000ff) drop-shadow(-2px 2px #d000ff)drop-shadow(-2px -2px #d000ff);filter:drop-shadow(2px 2px #d000ff) drop-shadow(2px -2px #d000ff) drop-shadow(-2px 2px #d000ff)drop-shadow(-2px -2px #d000ff)}}@keyframes focus-in-expand{0%{letter-spacing:-.5em;-webkit-filter:blur(12px);filter:blur(12px);opacity:0}to{-webkit-filter:blur(0px);filter:blur(0px);opacity:1}}@media (max-width: 480px){.reading-text{font-size:.95rem;width:300px}.reading-container{width:100%}.reading-text{width:300px;height:350px;border:#d000ff 2px solid;overflow-y:scroll;padding:20px;margin-bottom:20px}.card-display img{max-width:200px}}.container{margin:auto;padding:10px;animation:fade-in-bottom .9s cubic-bezier(.39,.575,.565,1) both}.inputContainer{margin:10px auto;display:flex;justify-content:space-between;align-items:center;width:400px}.btns{margin:auto;display:flex;justify-content:space-evenly;width:400px}.inputs{width:200px;color:violet;background-color:#000;border:2px solid violet;border-radius:6px;padding:5px}.button{color:violet;background-color:#000;border:2px solid violet}.clickHere{color:violet}@media (max-width: 480px){.inputContainer{width:320px}.label{font-size:15px}.inputs{width:145px}}.about{padding:30px;animation:fade-in-bottom .9s cubic-bezier(.39,.575,.565,1) both}.section{text-align:left}.list{list-style:none}@keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}footer{position:relative;bottom:0;left:0;right:0;top:20px;display:flex;flex-direction:column;align-items:center}.coffee-button{background-color:#f000e8;color:#000;padding:10px 15px;border-radius:5px;text-decoration:none;font-weight:700;font-family:sans-serif;display:inline-block}.coffee-button:hover{background-color:#690289}.pickCard{height:300px;width:300px;padding:10px}.thumbnail{height:200px;width:200px;object-fit:cover;padding:10px;border:1px solid #d000ff}@media (max-width: 480px){.pickCard{height:200px;width:200px}.thumbnail{height:100px;width:100px}}.shop{padding:10px}.products{display:flex;justify-content:center;flex-wrap:wrap;margin:60px}@media (max-width: 480px){.mainTitle{font-size:30px}.title{font-size:20px}.products{margin:0}}