body,html{font-family:"Open Sans",Helvetica,Arial,sans-serif;font-weight:300}a{transition:.5s}a:link,a:visited{color:#c94e5b;text-decoration:none}a:hover{text-decoration:underline;color:#882933}#main{text-align:center;min-width:100vw;display:flex;flex-direction:column;min-height:100vh}#head{border-bottom:thin solid silver;background-color:rgba(169,169,169,0.15);box-shadow:0 2px 5px silver}#legend{max-width:820px;margin:auto;margin-top:-1.5em;padding:0 5px;display:-webkit-flex;display:flex;justify-content:space-between;flex-direction:row}#legend h3{text-align:left;font-weight:300;margin-bottom:.5em}#legend button{display:inline-block;margin-top:1.2em;height:28px;padding-top:2px!important;background-color:rgba(169,169,169,0)}#legend label{margin-top:1.2em;display:inline-block}#top-letters{max-width:820px;margin:auto;display:-webkit-flex;display:flex;justify-content:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:row;flex-direction:row;padding-top:1em}#top-letters>div{margin:auto;margin-bottom:1em}#top-letters .frame{float:left;position:relative;height:40px;width:35px;margin:0 2px;box-shadow:2px 2px 5px silver}#top-letters .frame img.top{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;border:0}#top-letters img.blank{width:20px;border:0}#info{display:block;width:820px;margin:auto;padding:0 .5em;box-sizing:border-box;height:0;overflow:hidden;font-size:smaller;text-align:justify;background-color:#fff;border:1px inset whitesmoke}#info p{margin-left:10em}#info figure{float:left;margin:1.3em 1em .5em .5em;padding:3px;border:thin solid silver}#info figure figcaption{text-align:center}form#main-form{padding-top:.3em;max-width:820px;margin:auto;overflow:hidden}form#main-form button{width:4em;height:28px;padding-top:2px!important}form#main-form label{display:inline-block;width:175px!important;text-align:right;margin-right:1em}form#main-form input[type=text],form#main-form input[type=number]{width:calc(100% - 290px);font-size:14px;height:28px}form#main-form input[type=range]{width:calc(100% - 370px)}form#main-form input#size-number,form#main-form input#alpha-number{margin-left:1em;width:60px;text-align:right}#content{padding:1em;flex:1}#content img{cursor:pointer}#content .frame{display:inline-block;position:relative;height:40px;width:35px;overflow:hidden;margin:0 2px;margin-bottom:1em}#content .frame:hover{outline:1px dotted #c94e5b;outline-offset:2px}#content .frame img.bordered{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;border:0}#footer{width:100%;font-size:smaller;padding:.5em;margin-top:2em;display:-webkit-flex;display:flex;justify-content:center}#msg{margin:.5em;width:3em;color:gray;position:fixed;left:0;bottom:0;background-color:rgba(255,255,255,0.5)}.loading{background:transparent url(../images/ajax-loader.gif) no-repeat center}@media print{#head,.info,#footer{display:none!important}#content{text-align:center!important;padding-top:30px!important;width:100%!important}}@media screen and (max-device-width:480px){#main{font-size:10px}#top-letters{display:none}}