@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";:root{line-height:1.5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;max-width:2000px;padding:0}hr{margin:0}:root{--bg-color: 229, 226, 221;--accent-color: 166, 226, 68;--text-color: 5, 5, 5;font-family:Montserrat,serif;font-optical-sizing:auto;font-weight:500;font-style:normal}.homepage{background-color:rgb(var(--bg-color));color:rgb(var(--text-color));height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column}.title-container{display:flex;align-items:center;justify-content:center}.title{font-size:3rem;margin:0 0 .8em}.instruction-container{max-width:600px}.button-container{display:flex}button{will-change:transform,box-shadow;font-size:1.3rem;padding:.5em 1em;background-color:rgb(var(--accent-color));border:2px solid black;border-radius:4px;box-shadow:4px 4px #000;transform:translate(-5%,-5%);transition:transform ease-out .2s,box-shadow ease-out .2s}button:hover,button:focus{transform:translate(0);box-shadow:0 0}.boardpage.inscryption_page{background-color:#f1d3b4;min-height:100vh}.boardpage{min-height:100vh;background-color:rgb(var(--bg-color));color:rgb(var(--text-color))}.header-container{display:flex;flex-wrap:wrap;align-items:center;gap:1.5em;flex:100%;margin-left:1em}.details{display:flex;flex-wrap:wrap}.head{background-color:#f8f5f2}.inscryption_head{background-color:#bf9baa}.header-container+.instruction-container{margin-left:1em}.header-container .title{margin:0}.score{font-size:1.4rem}.details>.button-container{margin-left:1em}.details .button-container{justify-content:center;align-items:center}.button.inscryption-btn{background-color:#9e6670;color:#ffdfc0}.error-container{margin:1em 0 0 1em}.error{font-size:1.3rem}.cards{margin:3em 3em 0;display:flex;flex-wrap:wrap;column-gap:5em;row-gap:2em;justify-content:center;align-items:center;padding-bottom:3em}dialog{max-width:320px;height:240px;width:70%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:rgb(var(--bg-color));color:rgb(var(--text-color));border:2px solid black;border-radius:4px;gap:1em}dialog.inscryption{background-color:#ffdfc0}::backdrop{filter:brightness(.8) grayscale(.6)}.card{height:314px;max-width:226px;cursor:pointer;display:grid;grid-template-rows:auto}.cards>div{padding:0}.card img{grid-row:1 / 3;grid-column:1/ 2}.card-name-container{grid-row:2 / 3;grid-column:1/ 3}.card.inscryption{display:flex}.card.inscryption img{max-width:216px}.card-name-container{display:flex;justify-content:center;align-items:center;background-color:rgb(var(--accent-color));transition:transform ease-in-out .3s,opacity ease-in .3s;transform:scaleY(.5);transform-origin:bottom;opacity:0;margin:2px;border-radius:0 0 8px 8px}.card-name-container:hover,.card-name-container.clicked{opacity:100%;transform:scale(1)}.card{animation:flip 1s ease}@keyframes flip{0%{transform:rotateY(150deg)}to{transform:rotateY(0)}}html,body{height:100%}.credits{background-color:#b2afab;min-height:100%;position:absolute;width:50%;max-width:1000px;right:0;top:0;border-bottom:2px solid black;border-left:2px solid black;display:flex;flex-direction:column;gap:1em;animation:swipe .5s ease-in;will-change:transform}.credits.false{animation:swipe .5s ease-out reverse;will-change:transform}@keyframes swipe{0%{transform:translate(100%)}to{transform:translate(0)}}.credits.inscryption{background-color:#bea68d}.credits .button-container{margin-top:1em;position:absolute;transform:translate(-150%)}.credits-btn,.header-container .credit-btn{padding:.1em .2em}.helpers{margin-left:1em;font-size:1.5rem}.credit-note{font-style:italic;font-size:1.1rem;max-width:400px;margin-left:1em}.inscryption-link,.deckofcards-link,.github-link{margin-left:1em;max-width:400px;font-size:1.3rem}.inscryption-link.cards-c a,.deckofcards-link.cards-c a,.github-link.cards-c a{color:#3a5e00;font-weight:700;text-decoration:none}.credits div a:hover,.credits div a:focus{text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:currentColor}.inscryption-link.inscryption a,.deckofcards-link.inscryption a,.github-link.inscryption a{color:#544048;font-weight:700;text-decoration:none}