body{margin:10px 15px}.canvas{text-align:center;line-height:0;margin:5vh auto 8vh;padding:.5cm;max-width:28cm;transition:.3s;border:2px dashed transparent}.canvas>div{transition:.2s;display:inline-block;line-height:1em;margin:5px;padding:.2cm;cursor:pointer;border-width:2px;border-style:dashed}a{font-size:1.2em;text-decoration:none}.siblings{transition:-webkit-filter .3s linear;filter:grayscale(.3)}.active{transition:-webkit-filter .2s linear;transform:translate(1px,1px)}.active a{text-decoration:underline}img{margin-right:.4cm;height:1.5cm;width:1.5cm;float:left}.new{height:.8em;width:auto;vertical-align:middle;padding-bottom:.3em;float:none}#imprint{position:fixed;right:0;bottom:0;margin:10px}@media screen and (max-width:14cm){.canvas{margin:0;box-shadow:none}body{margin:10px 0 0}}.fontCalc{font-family:'Nova Square',cursive}.fontGame{font-family:'Special Elite',cursive}.fontNeutral,h1,h2,h3{font-family:'Patua One',cursive}.fontRecipe{font-family:Galada,cursive}@media (prefers-color-scheme:light){body{background-color:#fff}a{color:#000}.active{background:rgba(5,217,255,.1);box-shadow:1px 1px 2px rgba(0,0,0,.45)}.active a{color:#164996}.siblings{box-shadow:2px 2px 4px rgba(0,0,0,.25)}.canvas>div{border-color:rgba(0,0,0,.2)}.canvas:hover{border-color:#123f81}}@media (prefers-color-scheme:dark){a,body{color:#fff}body{background-color:#000}.active{background:rgba(255,255,255,.1);box-shadow:2px 2px 2px rgba(255,255,255,.45)}.active a{color:#4a86e1}.siblings{box-shadow:4px 4px 4px rgba(255,255,255,.7)}.canvas>div{border-color:#fff}.canvas:hover{border-color:rgba(255,255,255,.5)}}