:root{--main_color:#7acc91;--main_color_darker:#76c18b;--main_color_subdued:#cffcdb;--main_color_subdued2:#a0e8b3;--main_color_hover:var(--main_color);--main_color_selected:#529665}html{margin:auto;display:block;max-width:50em;background-attachment:fixed;background-color:var(--main_color_subdued);background-image:linear-gradient(45deg,var(--main_color_subdued2) 26%,transparent 26%),linear-gradient(135deg,var(--main_color_subdued2) 26%,transparent 26%),linear-gradient(45deg,transparent 75%,var(--main_color_subdued2) 75%),linear-gradient(135deg,transparent 75%,var(--main_color_subdued2) 75%);background-size:24em 24em;background-position:0 0,12em 0,12em -12em,0 12em}body{font-family:sans-serif}h1{font-size:2.6em;margin:.1em;text-align:center}footer{display:flex;align-items:start}code{background-color:var(--main_color_subdued);padding:2px}.mainbody{margin-bottom:.7em;padding:.6em;padding-top:.6em;background-color:#fff;border:solid 3px var(--main_color_selected);box-shadow:var(--main_color).5em .5em}.menuline{display:flex;margin:0;padding:0}.menu_button{flex:2;margin:.3em;padding-bottom:0}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}ul.menuline li ul.dropdown li{display:block}ul.menuline li ul.dropdown{display:none;padding-left:0;width:100%;position:absolute;z-index:1;background-color:var(--main_color_subdued);border-bottom-left-radius:1em;border-bottom-right-radius:1em;border-top:0}ul.menuline li.has_dropdown:hover{border-top-left-radius:1.5em;border-top-right-radius:1.5em;background-color:var(--main_color_subdued);z-index:0}ul.menuline li:hover ul.dropdown{display:block}ul.menuline ul.dropdown .button{border:0;box-shadow:0 0}ul.menuline ul.dropdown li{min-width:100%;margin:0;margin-top:.1em}figure.imgcap{margin:0 auto;display:table}figure.imgcap img{max-width:45em}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:3em}.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);border:solid 2px var(--main_color_selected)}.supported_charsets{display:flex;flex-wrap:wrap;font-family:monospace;font-size:8px}.button{margin:0;padding:7px 9px;display:inline;box-sizing:border-box;word-wrap:break-word;font-family:monospace;font-weight:700;font-size:1.7em;text-decoration:none;text-align:center;color:#000;background-color:var(--main_color_subdued);border:solid 2px var(--main_color_selected);outline:none;cursor:pointer}.button:hover{background-color:var(--main_color_hover);color:var(--main_color_subdued)}.button:active{box-shadow:0 0 #FFF;transform:translateY(3px)}.selected{background-color:var(--main_color_selected);color:#fff}.miniwindow{display:inline;padding:7px 9px;margin:.1em;box-sizing:border-box;font-family:monospace;font-weight:700;text-align:center;font-size:1.7em;background-color:var(--main_color_subdued);border:solid .15em var(--main_color_selected);outline:none}.container{margin-top:0;margin-bottom:1em;padding:.6em;background-color:var(--main_color_subdued);border:solid 3px var(--main_color_selected)}.container .miniwindow{background-color:#fff;font-size:1em}.blogpost_header{display:flex;flex-wrap:wrap;align-items:center}.blogpost_header .button{margin-right:1em}.container .button{background-color:#fff}.container .button:hover{background-color:var(--main_color_hover);color:var(--main_color_subdued)}.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}}