@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Mochiy+Pop+One&display=swap";*{margin:0;padding:0;box-sizing:border-box;text-align:center}#root{min-height:100dvh;height:100dvh;display:flex;justify-content:space-between;align-items:center;flex-direction:column;font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-style:normal;background-color:#eec657}#root>*{width:100%;max-width:1280px;padding:1rem 3rem}h1{font-size:2rem}h2{font-size:1.8rem}h1,h2{-webkit-text-stroke:black 1px;text-shadow:1px 1px 20px rgba(70,70,70,.486);color:#fff;font-family:Mochiy Pop One}h3{font-size:1.6rem}p{font-size:1.2rem}.selector-container{display:flex;justify-content:center;align-items:center;gap:2rem;padding:1rem}.selector-button{border-radius:2rem;padding:1rem 3rem;transition:.2s;cursor:pointer;background-color:#f8db5c;box-shadow:0 0 20px 1px #4646467e}.selector-button input{width:0;height:0;overflow:hidden}.selector-button.active{background-color:#9edb74;transform:scale(.9)}.selector-button:active{transform:scale(.9)}.card-navigator{display:flex;justify-content:center;align-items:center;margin-top:1rem;gap:4rem}.card-navigator button{padding:0;margin:0;max-width:50px;aspect-ratio:1/ 1;overflow:hidden;background-color:transparent;border-radius:100%;border:none}.card-navigator button:not(:disabled):hover{outline:dashed black 1px;cursor:pointer}.card-navigator button:not(:disabled):active{transform:scale(.9)}.card-navigator button:disabled{visibility:hidden}.shuffle-button:hover{animation:spin 1s linear forwards}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(180deg)}}.card-nav{width:100%;aspect-ratio:1/ 1}.card-nav.left{transform:rotate(180deg)}.card{height:45dvh;max-width:800px;margin:1em auto;background-color:transparent;position:relative}.card-side{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center;padding:3em;transform:rotateY(180deg);-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:.5s;opacity:0%;background-color:#f6ff7d}.stripe{height:1em;width:100%;position:absolute;background-color:#8ebee6;top:0}.alternate-color{background-color:#eb65e4e3}.hidden{transition:0s color;visibility:hidden}.card-side.show{transform:rotateY(0);opacity:100%;color:#333}.card form{display:flex}.card input{outline:none;border:none;padding:1rem .5rem;overflow:scroll;background-color:#dbdb46;font-size:1.2rem}.card input::placeholder{color:#444444da;opacity:70%}.card form button[type=submit]{border:none;padding:1rem .5rem;font-size:1em;background:#a7a731;color:#000000a9}.card form button[type=submit]:hover{outline:dashed black 1px;padding:1rem .5rem}.card form button[type=submit]:active{transform:scale(.9)}.site-footer{text-align:center}.site-footer a{color:inherit;text-decoration:none}.site-footer a:hover{text-shadow:0px 0px 10px rgb(185,90,90);cursor:pointer;text-decoration:none}.site-moto{font-style:italic}.site-nav{display:flex;justify-content:space-between}