@import"https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@500&display=swap";.star{height:5vh;width:auto;transition:transform .05s;margin-right:1vw}.star:hover{transform:scale(1.2)}.icon[data-v-1a1d4d36]{left:0;height:15vh;width:auto;margin:.5vw;border-radius:var(--image-border-radius)}.icon[data-v-1a1d4d36]:hover{opacity:70%}.card{background-color:var(--card-color);width:30vw;height:17vh;margin-top:1vh;margin-bottom:1vh;margin-left:1vw;border-radius:var(--global-border-radius);display:flex;align-items:center;justify-content:space-between}.icon{left:0;height:15vh;width:auto;margin-left:1vw;border-radius:var(--image-border-radius)}.card:hover{background-color:var(--card-hover-color)}:root{--main-bg-color: #333333;--instructions-color: #2b2b2b;--alt-bg-color: #232323;--card-color: #808080;--card-hover-color: #919191;--selected-color: #adadad;--selected-hover-color: #bebebe;--global-border-radius:calc(.3vw + .3vh);--image-border-radius:calc(.1vw + .1vh);--title-font-size: clamp(1.5vw, 1.5rem, 2.5vw)}.clamped{font-size:var(--title-font-size)}.textbox{font-size:clamp(1.5vw,1rem,1.8vw);width:clamp(40%,default,60%);height:clamp(5%,default,20%);border-width:1px;border-radius:1vh;margin-bottom:1vh}*{font-variant:small-caps;font-size:1.1rem;margin:0;font-family:Source Code Pro,monospace}body{margin:0}.navbar{position:fixed;display:flex;top:0;left:0;width:100%;margin:0;padding:0;box-shadow:0 0 .5vh}.swap-star{right:0;margin-left:10vw;height:5.5vh;width:auto;transition:transform .05s;margin-right:1vw}.swap-star:hover{transform:scale(1.2)}.column{flex:1;height:86vh;padding-top:2vh;text-align:center;margin-top:12vh;background-color:var(--main-bg-color);overflow-y:auto;overflow-x:hidden}.nav{display:flex;flex-direction:column;align-items:center;justify-content:center;height:12vh;width:33.33vw;padding:0;margin:0;background-color:var(--main-bg-color)}.mid{background-color:var(--alt-bg-color)}.instructions{display:flex;flex-direction:column;height:100%;align-items:center;justify-content:center;color:var(--instructions-color)}.instruction{font-size:2em}.selected{background-color:var(--selected-color)}.selected:hover{background-color:var(--selected-hover-color)}::-webkit-scrollbar{width:1.3vw}::-webkit-scrollbar-track{margin-block:.5vh;border-radius:7px;background:var(--card-color)}::-webkit-scrollbar-thumb{border-radius:7px;border:1px solid var(--card-color);background:var(--alt-bg-color)}