.wrapper,body{background-repeat:no-repeat}*{box-sizing:border-box}.sub{display:block;text-indent:-1em;margin-left:1em;font-size:70%}html{height:100%;scroll-behavior:smooth}body{margin:0;padding:1px;background-image:url(../img/content-bg.jpg);background-size:cover;background-attachment:fixed;min-height:100%;font-size:min(5vw,24px);font-family:serif}.logo{width:100%;display:flex;justify-content:right;position:absolute;top:0;left:0;z-index:9}.logo img{display:block;width:min(20%,150px)}.wrapper{background-image:url(../img/content-header.png);background-size:100% auto;padding-top:min(30%,250px);width:min(100%,800px);margin:0 auto}.c_wrap{width:100%;padding-top:100%;position:relative;display:none}.c_wrap canvas{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#EEE}form{display:block;width:95%;margin:5% auto;background-image:url(../img/form-bg.jpg);background-size:cover;padding:1em;border-radius:.5em;box-shadow:0 0 10px rgba(0,0,0,.2)}form h2{background-color:rgba(173,172,89,.5);border:1px solid rgba(173,172,89,.801);border-width:1px 1px 0;border-radius:10px 10px 0 0;margin:0;padding:.25em .5em;font-size:100%}form h2:nth-of-type(2){margin-top:3%}form input[type=text],form textarea{font-size:100%;padding:.5em;border:1px solid rgba(173,172,89,.801);border-radius:0 0 10px 10px}form input[type=text]::placeholder,form textarea::placeholder{opacity:.5}form textarea{resize:none;width:100%;height:4.5em;overflow:hidden}form input[type=text]{width:100%;height:2em}#output .buttons a,.btn-output{display:flex;height:2.6em;background-image:url(../img/btn-bg.png);background-size:100% auto;color:#333;font-size:100%;text-align:center}.btn-output{justify-content:center;align-items:center;width:14em;padding:.5em 2em;text-decoration:none;margin:5% auto}#output{width:min(95%,800px);margin:0 auto 5%;opacity:0;transition:opacity 1s 0s ease-in-out}#output.show{opacity:1}#output>#image{width:100%;padding-top:100%;position:relative}#output>#image img{width:100%;position:absolute;top:0;left:0;border:1px solid #666}#output .buttons{margin-top:5%;display:flex;justify-content:center;gap:10px 20px}@media (max-width:640px){#output .buttons{flex-wrap:wrap}}#output .buttons a{justify-content:center;align-items:center;width:14em;padding:.5em 1.5em;text-decoration:none}#output .post_guide{border:1px solid #999;padding:1em;border-radius:.5em;background-color:rgba(255,255,255,.7);margin:5% auto;font-size:80%;text-align:center}