.card-placeholder{width:100%;height:100%;background-color:gray;background-image:"../assets/icon.svg;"}.card{width:150px;height:150px;margin:15px;display:flex;justify-content:center;align-items:center;border:1px solid black;border-radius:5px;box-shadow:0 0 5px #00000080;background-color:#fff;transition:all .2s}.card:active{transform:scale(.95);filter:brightness(.8)}.card img{width:200%;height:200%;object-fit:contain;overflow:hidden}.gameboard{width:540px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);grid-gap:15px;justify-items:center;align-items:center;height:100%}.gameboard-container{display:flex;justify-content:center;align-items:center;height:100%}.card:focus{outline:2px solid rgb(57,57,116)}@media (max-width: 768px){.gameboard{width:390px;grid-gap:10px;padding-left:180px}}@media (max-width: 1000px){.gameboard{width:330px;grid-gap:10px;padding-left:100px}}@font-face{font-family:OrangeKid;src:url(/assets/orangekid-2b450448.otf) format("opentype")}.professor-container{display:flex;align-items:flex-end;justify-content:flex-end;position:relative}.professor-img{max-height:400px;margin-left:20px;position:relative;top:10px;right:20px;display:flex;justify-content:flex-end}.speech-bubble{padding:10px;background-color:#fff;border-radius:5px;position:relative;width:100px;bottom:350px;left:140px;color:#000;font-family:OrangeKid,sans-serif}.speech-bubble:before{content:"";position:absolute;left:70%;bottom:-10px;transform:translate(-30%);width:0;height:0;border-left:10px solid transparent;border-right:5px solid transparent;border-top:10px solid #fff;border-bottom:none}@keyframes blink{0%{opacity:1}49%{opacity:1}50%{opacity:0}to{opacity:0}}.speech-bubble span.cursor{animation:blink 1s infinite;border-right:2px solid #000;padding-right:5px;margin-left:5px}html,body{margin:0;padding:0;width:100%;height:100%;background-color:#c7d4f1}.main-container{display:flex;justify-content:center;align-items:center;height:100%}.scoreboard-container{display:flex;justify-content:left;align-items:center;height:calc(100vh - var(--scoreboard-height));margin:15px;flex-grow:1}.scoreboard{display:flex;flex-direction:column;justify-content:center;align-items:center;width:200px;height:var(--scoreboard-height);background-color:#c7d4f1;border:1px solid black;border-radius:5px;box-shadow:0 0 5px #00000080;text-shadow:white .1em .1em .2em;text-emphasis:bold;color:#000;font-family:orangekid,sans-serif;font-size:large}