:root{--background:#ffffff;--foreground:#171717;--rainbow-gradient:repeating-radial-gradient(circle,#ff6600 0%,#ffff00 10%,#00ffff 20%)}body{font-family:var(--font-alumni-sans),var(--font-kaisei-decol),sans-serif}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed;--rainbow-gradient:repeating-radial-gradient(circle,#ff6600 0%,#ffff00 30%,#00ffff 60%,#ffff00 90%,#ff6600 120%)}}body,html{max-width:100vw;overflow-x:hidden}body{background:var(--rainbow-gradient);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}h1{font-size:2.5rem}button{font-family:inherit;background-color:transparent;padding:0;border-radius:8px;width:15vw}.center{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100dvh}@media (prefers-color-scheme:dark){html{color-scheme:dark}}@keyframes eastSide{25%{color:#99ffff}50%{color:#ffff99}75%{color:#ffaa66}to{opacity:1;color:black;transform:translateX(0) translateY(0) rotate(0deg)}}@keyframes westSide{25%{color:#99ffff}50%{color:#ffff99}75%{color:#ffaa66}to{opacity:1;color:black;transform:translateX(0) translateY(0) rotate(0deg)}}@keyframes topSide{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--base-angle)) translateY(1rem) rotate(-1turn)}to{opacity:1;transform:translate(-50%,-50%) rotate(var(--base-angle)) translateY(0) rotate(0deg)}}@keyframes bottomSide{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--base-angle)) translateY(-1rem) rotate(1turn)}to{opacity:1;transform:translate(-50%,-50%) rotate(var(--base-angle)) translateY(0) rotate(0deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes buttonFadeIn{0%{opacity:1}to{opacity:0}}@keyframes ScaleButton{to{transform:scale(100%)}}.button,button{font-size:1rem}.poetry{font-size:2rem}.match{font-size:1.5rem;color:mediumspringgreen;text-decoration:underline}.dialog-poetry{font-size:1rem}.dialog-circle{background:radial-gradient(circle,#ffaa66 0,#ffff99 50%,#66ffff 100%);max-width:100vmin;max-height:70.7vmin;min-width:100vmin;min-height:70.7vmin;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:black;overflow:hidden;box-sizing:border-box;position:relative}.nav-font{font-size:1.5rem}@media (max-width:500px){.poetry{font-size:2rem}.button{font-size:.8rem}.dialog-poetry,.match,.nav-font{font-size:1rem}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.cell-bounce{animation:bounce 1.5s ease-in-out infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes homeFadeIn{0%{opacity:1}to{opacity:1}}