@font-face{font-family:geometrika;src:url(/fonts/Geometrika.otf)}@font-face{font-family:qd;src:url(/fonts/quadrata-denuo.otf)}:root{--main_color:#79b2fc;--main_color_selected:#4996fc;--main_color_darker:#3b69a5;--main_color_subdued:#c2dbfc;--main_color_subdued2:#eaf2fc;--main_color_hover:var(--main_color);--main_color_border:#74affc;--main_color_text:#000;--main_color_text_hover:var(--main_color_darker);--main_color_text_bg:#FFF}html{margin:auto;background:linear-gradient(var(--main_color_subdued2),var(--main_color_subdued));min-height:100%}body{margin:auto;max-width:56em;font-family:sans-serif}.maincontent{max-width:53em;margin:auto;display:grid;grid-gap:10px;grid-template:"header header" "sidebar main" "sidebar footer"/10em 1fr}.smalldisclaimer{color:var(--main_color);text-shadow:#fff 2px 2px 2px;font-size:1.3em;font-family:Geometrika}main{max-width:40em;grid-area:main;margin-top:1em}aside{grid-area:sidebar;margin-right:.4em}h1{margin:0;padding:0;text-align:center}header>h1{font-size:6em;font-weight:400;margin:0;padding:0;text-align:center;color:#fff}header{margin:auto;margin-top:2em;transform:rotate(3deg)skew(-20deg);padding-top:0;padding-bottom:1.2em;background-color:var(--main_color);box-shadow:var(--main_color_subdued).6em .6em;line-height:5.6em;font-family:Geometrika;text-decoration:none;text-align:center;position:relative;z-index:-1}header>*{transform:skew(20deg)}footer{display:flex;align-items:start;grid-area:footer}code{background-color:var(--main_color_subdued);padding:2px}.mainbody{padding:.6em;padding-bottom:1em;padding-top:1em;background-color:var(--main_color_text_bg);border:solid 3px var(--main_color_border);box-shadow:var(--main_color_subdued).7em .7em;transform:skew(0,2.8deg)}.mainbody>*{transform:skew(0,-2.8deg)}.blogentries{display:flex;align-items:start;justify-content:center;flex-direction:column;margin-bottom:1em}.blogentry{display:flex;flex-wrap:wrap;align-items:center}.blogentry>.button{margin-top:0;margin-bottom:.3em}.blogentry_info{font-size:.7em;color:gray;margin-left:.6em}.menuline{display:flex;align-items:stretch;justify-content:center;flex-direction:column;margin:0;padding:0}.menu_button{margin-bottom:.3em}.menu_button>.button{box-shadow:var(--main_color_subdued).3em .3em;padding-bottom:.4em;padding-top:.4em;margin-top:0;margin-bottom:.3em;margin-left:0;margin-right:0}.menu_button>.button:active{transform:skew(-10deg)translateX(.3em)translateY(.3em);box-shadow:var(--main_color_subdued)0}.menu_button>.button>*{font-weight:400;font-size:1.2em;line-height:.9em;padding-bottom:.1em}ul.menuline{list-style:none;padding-left:0}ul.menuline li{display:inline-block;position:relative}ul.menuline li a{display:block;text-decoration:none;text-align:center;font-size:20px}figure.imgcap{margin:0 auto;display:table}figure.imgcap img{max-width:40em}figure.imgcap figcaption{display:table-caption;caption-side:bottom;margin:0 auto;margin-top:.1em;text-align:center;font-size:90%;background-color:var(--main_color_subdued)}.fontdemo{margin-bottom:1em}.fonttitle{margin-left:.5em;display:flex;align-items:center;align-content:center}.fontdemo_name{font-size:3.4em;font-smooth:never;flex:3}.font_download_buttons{display:flex;justify-content:end;flex:1}.button>.font_download_buttons{margin-left:.1em}.font_specimen{overflow-wrap:break-word;word-wrap:break-word;padding:.3em;margin-top:.1em;margin-bottom:.1em;font-size:2.3em;background-color:var(--main_color_subdued)}.supported_charsets{display:flex;flex-wrap:wrap;font-family:monospace;font-size:8px}.button{margin:0;margin-top:.3em;margin-left:.3em;margin-right:.3em;padding:7px 9px;padding-top:3px;padding-bottom:3px;box-sizing:border-box;word-wrap:break-word;font-size:1.7em;text-decoration:none;text-align:center;color:var(--main_color_text);background-color:var(--main_color);outline:none;cursor:pointer;background-color:var(--main_color);color:#fff;transform:skew(-10deg);box-shadow:var(--main_color_subdued).1em .1em;font-family:geometrika}.button>*{transform:skew(10deg)}.button:hover{background-color:var(--main_color_hover);color:var(--main_color_text_hover)}.button:active{transform:skew(-10deg)translateX(.1em)translateY(.1em);box-shadow:0 0;font-family:geometrika}.selected{background-color:var(--main_color_selected)}.miniwindow{display:inline;padding:7px 9px;margin:.3em;box-sizing:border-box;font-family:monospace;font-weight:700;text-align:center;font-size:1.7em;background-color:var(--main_color_subdued);outline:none;transform:skew(-15deg)}.miniwindow>*{transform:skew(15deg)}.container{margin-top:1em;margin-bottom:1em;padding:.6em;background-color:var(--main_color_subdued);border:solid 3px var(--main_color_border)}.container .miniwindow{background-color:var(--main_color_text_bg);font-size:1em}.blogpost_header{display:flex;flex-wrap:wrap;align-items:center;transform:skew(20deg)}.blogpost_header .button{margin-right:1em}.container .button{background-color:var(--main_color_text_bg)}.container .button:hover{background-color:var(--main_color_hover);color:var(--main_color_text_hover)}.container .button:active{box-shadow:0 0 #FFF;transform:translateY(3px)}.container .selected{background-color:var(--main_color_selected);color:#fff}@media(max-width:900px){figure.imgcap img{max-width:30em}}@media(max-width:700px){.fonttitle{display:inline-block}.font_download_buttons{margin-bottom:1em;justify-content:start}.menuline .menu_button{margin-left:.1em;margin-right:.1em}figure.imgcap img{max-width:23em}.button{padding-left:1px;padding-right:1px}}@media(max-width:500px){figure.imgcap img{max-width:20em}}