input{font-family:var(--font-var);background:linear-gradient(180deg,#1d1c17,#1b1914);border:.15em solid var(--border-color);border-radius:.5em;padding:.5em;color:var(--text-color);font-size:1rem;letter-spacing:.06em;outline:none;box-shadow:inset 0 0 0 1px #ffdc9614,inset 0 -8px 16px #0009;transition:border .25s ease-in,border-radius .25s ease-in}input:focus{border:.15rem solid #484539;background:#0d0d09}.hoverAnim{transition:all .2s ease}.hoverAnim:hover{cursor:pointer;transform:scale(1.05)}main{width:80%;border:none;text-align:center;display:flex;align-items:center;flex-direction:column}.inputSection{width:100%;border-radius:1em;padding:.5vw;display:flex;align-items:center;flex-direction:column;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);border:.01em solid #0D0D09}.hintSection{width:20%;border-radius:1em;padding:.5vw;text-align:left;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);border:.01em solid #0D0D09}.hintSection>h3{margin:0;text-align:center}table{width:100%;border-collapse:separate;border-spacing:.5vw}th,td{font-family:EB Garamond,serif;background:linear-gradient(180deg,#1d1c17,#1b1914);width:12%;height:5em;border:.15em solid var(--border-color);border-radius:.5em;color:var(--text-color);font-size:1rem;letter-spacing:.06em;outline:none;box-shadow:inset 0 0 0 1px #ffdc9614,inset 0 -8px 16px #0009}p{height:1em;margin:.2em}.optionBox{display:flex;flex-direction:column;width:100%;gap:.2rem;padding:1rem 0;align-items:center}.optionCard{font-family:EB Garamond,serif;display:flex;background:linear-gradient(180deg,#1d1c17,#1b1914);width:40%;height:5em;border:.15em solid var(--border-color);border-radius:.5em;align-items:center;text-align:center;justify-content:center;color:var(--text-color);font-size:1rem;letter-spacing:.06em;outline:none;box-shadow:inset 0 0 0 1px #ffdc9614,inset 0 -8px 16px #0009;transition:border .25s ease-in,border-radius .25s ease-in}.guessList{display:flex;flex-direction:column;padding:1rem 0;width:100%;gap:1rem;align-items:center}.guessCard{font-family:EB Garamond,serif;display:flex;background:linear-gradient(180deg,#1d1c17,#1b1914);width:15%;height:5em;border:.15em solid var(--border-color);border-radius:.5em;align-items:center;text-align:center;justify-content:center;color:var(--text-color);font-size:1rem;letter-spacing:.06em;outline:none;box-shadow:inset 0 0 0 1px #ffdc9614,inset 0 -8px 16px #0009;transition:border .25s ease-in,border-radius .25s ease-in}li.good{background:linear-gradient(180deg,#084217,#1b1914)}li.wrong{background:linear-gradient(180deg,#3b0505,#1b1914)}.materialBox{display:flex;flex-direction:row;justify-content:center;gap:2%;width:100%;padding:1rem 0}.materialCard{font-family:EB Garamond,serif;display:flex;background:linear-gradient(180deg,#1d1c17,#1b1914);width:12%;height:5em;border:.15em solid var(--border-color);border-radius:.5em;align-items:center;text-align:center;justify-content:center;color:var(--text-color);font-size:1rem;letter-spacing:.06em;outline:none;box-shadow:inset 0 0 0 1px #ffdc9614,inset 0 -8px 16px #0009;transition:border .25s ease-in,border-radius .25s ease-in}header{width:100%;text-align:center}nav{width:100%;text-align:center;justify-content:center;display:flex;flex-direction:row;gap:5em}.unavailable{text-decoration:line-through}h2{color:var(--text-color);padding:1em}footer{width:100%;padding:1rem 0;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5em}footer>a>img{width:50px;height:50px}:root{--text-color: #C9C9C9;--border-color: #959492;--font-var: "EB Garamond", serif}html{box-sizing:border-box;width:100vw;height:100vh;background:radial-gradient(circle at 10% 20%,#153e40,transparent 50%),radial-gradient(circle at 90% 80%,#9e784e,transparent 55%),linear-gradient(135deg,#778f79,#092823);background-attachment:fixed;font-family:var(--font-var);color:var(--text-color);text-shadow:1px 1px black}body{margin:0;width:100%;height:100%}#root{width:100%;height:100%;display:flex;align-items:center;flex-direction:column}