@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:400;src:url(/fonts/AtkinsonHyperlegible-Regular.ttf) format("truetype")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:700;src:url(/fonts/AtkinsonHyperlegible-Bold.ttf) format("truetype")}@font-face{font-family:Atkinson Hyperlegible;font-style:italic;font-weight:400;src:url(/fonts/AtkinsonHyperlegible-Italic.ttf) format("truetype")}@font-face{font-family:Atkinson Hyperlegible;font-style:italic;font-weight:700;src:url(/fonts/AtkinsonHyperlegible-BoldItalic.ttf) format("truetype")}body{background-color:gray;background-image:url(/grid.png);font-family:Atkinson Hyperlegible}h2,p{text-align:left;margin-top:0;padding-left:1rem;padding-right:1rem}main{display:flex;flex-wrap:wrap}form{display:flex;margin:.25em;border-radius:1em;background-color:#fff;overflow:hidden;box-sizing:border-box;border:#ededec solid 1px}input,input[type=text]:focus{border:none;outline:none;padding-left:1rem;padding-right:1rem;font-family:Atkinson Hyperlegible}input[type=text]{flex-grow:1}input[type=button]{font-size:1.5rem;font-weight:700;background-color:#0d1317;color:#fff}.grid{margin:0;box-sizing:border-box}@media only screen and (orientation: landscape){.grid{width:25%}}@media only screen and (orientation: portrait){.grid{width:100%}}.spell{margin:.5em;border-radius:1em;border:#ededec solid 1px;background-color:#fff;overflow:hidden;box-sizing:border-box}.spell h2{display:flex;flex-wrap:wrap;font-size:1.5rem;background-color:#0d1317;color:#fff}.spell span{flex-grow:1}.spell h2 i{flex-grow:1;font-size:1rem;padding:0em 0em .25em .5rem;align-self:end;text-align:end}.tag{color:#fff;padding:.25em .5em;margin-right:.5em;border-radius:.75em}.cleric{background-color:#3e6990}.druid{background-color:#5fad56}.illusionist{background-color:#d90368}.mage{background-color:#8d3b72}