.box{background-color:var(--card);color:var(--fg);border-radius:5px;padding:20px;font-size:150%;text-align:center}#card-grid :hover{background-color:var(--card-hover);color:var(--fg)}.middle{position:absolute;top:40%}.svg-size{color:var(--fg)}@media screen and (max-width:992px){.svg-size{width:8em;height:8em;margin:.8em auto}}@media screen and (max-width:375px){.svg-size{width:6em;height:6em;margin:.8em auto}}@media screen and (min-height:900px) and (max-width:413px){#card-grid{margin-bottom:8em}}.morph-selection{margin-bottom:auto}@media screen and (min-height:900px) and (max-width:1368px){.morph-selection{margin-bottom:35em}}@media screen and (min-height:900px) and (max-width:820px){.morph-selection{margin-bottom:22em}}@media screen and (min-height:900px) and (max-width:768px){.morph-selection{margin-bottom:15em}}@media screen and (max-height:899px){.morph-selection{margin-bottom:5em}}.box .button-img{fill:var(--fg-subtle)}.box:hover .button-img{fill:var(--fg)}@media screen and (max-width:899px) and (max-height:1200px){.box .button-img{fill:var(--fg)}}.scroll-btn{position:fixed;width:100%;left:98.65%;bottom:50px;height:20px;font-size:2.8em;z-index:1;cursor:pointer;color:#ef7d00}@media screen and (max-width:2800px){.scroll-btn{left:98.2%}}@media screen and (max-width:2000px){.scroll-btn{left:97.6%}}@media screen and (max-width:1850px){.scroll-btn{left:97.2%}}@media screen and (max-width:1650px){.scroll-btn{left:96.9%}}@media screen and (max-width:1450px){.scroll-btn{left:96.8%}}@media screen and (max-width:1300px){.scroll-btn{left:96.5%}}@media screen and (max-width:1025px){.scroll-btn{left:95.5%}}@media screen and (max-width:820px){.scroll-btn{left:94.3%}}@media screen and (max-width:770px){.scroll-btn{left:94%}}@media screen and (max-width:540px){.scroll-btn{left:91.5%}}@media screen and (max-width:450px){.scroll-btn{left:89%}}@media screen and (max-width:400px){.scroll-btn{left:87%}}@media screen and (max-width:395px){.scroll-btn{left:88.1%}}@media screen and (max-width:370px){.scroll-btn{left:85%}}