@import'https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;600;700&display=swap';@font-face{font-family:"bitter";src:url("/static/fonts/bitter.ttf");font-weight:normal;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}body,input,button,a{font-family:"Titillium Web",sans-serif}html,body{scroll-behavior:smooth;height:100%}.arrow,.arrow:before{position:absolute;left:50%;bottom:0px}.arrow{width:40px;height:40px;top:90%;margin:-20px 0 0 -20px;-webkit-transform:rotate(45deg);border-left:none;border-top:none;border-right:2px #eae0d0 solid;border-bottom:2px #eae0d0 solid;cursor:pointer}.arrow:before{content:"";width:20px;height:20px;top:50%;margin:-10px 0 0 -10px;border-left:none;border-top:none;border-right:1px #eae0d0 solid;border-bottom:1px #eae0d0 solid;animation-duration:2s;animation-iteration-count:infinite;animation-name:arrow}@keyframes arrow{0%{opacity:1}100%{opacity:0;transform:translate(-10px, -10px)}}header{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;z-index:-1;background:#333;color:#eae0d0}header .container{text-align:center}header .container h1{font-family:"bitter",Helvetica,Arial,sans-serif;font-size:112px}header .container h2{font-size:48px;font-weight:lighter;text-transform:lowercase;color:#b68484}@media(max-width: 767px){header .container h1{font-size:48px}header .container h2{font-size:24px}}@media(max-width: 599px){header .container h1{font-size:44px}header .container h2{font-size:22px}}@media(max-width: 479px){header .container h1{font-size:32px}header .container h2{font-size:16px}}.main{margin-top:100vh;min-height:100vh;background-color:#eae0d0;color:#333;z-index:5;box-shadow:0px -5px 20px 0px rgba(0,0,0,.25)}.main .set-tro{padding:20px;min-height:150px;text-align:center;background:rgba(51,51,51,.75);color:#eae0d0;font-weight:lighter;font-size:24px;display:flex;align-items:center;justify-content:center}@media(max-width: 767px){.main .set-tro{font-size:18px}}@media(max-width: 599px){.main .set-tro{font-size:14px}}.main pre{background:#333;color:#eae0d0;padding:10px;overflow:auto}@media(max-width: 599px){.main pre{font-size:12px}}.main .sample-images{padding:20px}.main .sample-images h3{font-weight:bold}.main .sample-images .hint{margin-bottom:20px;font-family:monospace}@media(max-width: 599px){.main .sample-images .hint{font-size:12px}}.main #available-fonts{padding:20px}.main #available-fonts h3{font-family:"bitter";font-weight:bold;margin-bottom:10px}.main #available-fonts h3::after{content:" (Click to see sample):";font-size:12px;font-weight:lighter}.main #available-fonts ul{list-style-position:inside;display:flex;flex-direction:column;align-items:flex-start}.main #available-fonts ul a{display:inline-block;width:auto;margin-bottom:5px;text-decoration:none;font-family:monospace}.main #available-fonts ul a,.main #available-fonts ul a:visited{color:#333}.main #available-fonts ul a:hover,.main #available-fonts ul a:visited:hover{text-decoration:underline}.img-container{padding:20px;display:block;width:auto}.img-container p{margin:5px 0}.img-container p span{display:block;font-size:18px}.img-container p .url-def{margin-bottom:5px}.img-container p .url-def::before{content:" ↠"}.img-container p .url-hint,.img-container p a,.img-container p a:visited{font-family:monospace;word-wrap:break-word}.img-container p a,.img-container p a:visited{text-decoration:none;color:#623721}.img-container p a:hover,.img-container p a:visited:hover{text-decoration:underline}.img-container img{box-shadow:rgba(0,0,0,.16) 0px 1px 4px}.img-container:nth-child(even){background-color:rgba(51,51,51,.05)}.img-container:nth-child(odd){background-color:rgba(51,51,51,.075)}@media(max-width: 767px){.img-container img{max-width:100%}}footer{background-color:#333;color:#eae0d0;text-align:center;padding:20px}footer a,footer a:visited{text-decoration:none;font-family:monospace;color:#eae0d0}footer a:hover,footer a:visited:hover{text-decoration:underline}