@font-face{font-family:Artemisia;font-style:normal;font-weight:400;src:url(../../static/media/ArtemisiaJB-Regular.237a8a7cfcf092e2b514.otf) format("opentype")}@font-face{font-family:Carus;font-style:normal;font-weight:400;src:url(../../static/media/CarusJB-Regular.a9f102aa3f8ab5b763fa.otf) format("opentype")}@font-face{font-family:Civitella;font-style:normal;font-weight:400;src:url(../../static/media/CivitellaJB-Medium.67f589e5d4eaed1eed13.otf) format("opentype")}@font-face{font-family:FederFraktur;font-style:normal;font-weight:400;src:url(../../static/media/FederFrakturJB-Regular.bd091eef119a43410f99.otf) format("opentype")}@font-face{font-family:Ropsen Script;font-style:normal;font-weight:400;src:url(../../static/media/RopsenScriptOT.2d1adab63bbc69680fda.otf) format("opentype")}@font-face{font-family:Ropsen Script;font-style:normal;font-weight:700;src:url(../../static/media/RopsenScriptOT-Bold.25aefa559d66836aff8e.otf) format("opentype")}@font-face{font-family:Humanist;font-style:normal;font-weight:400;src:url(../../static/media/HumanistOT.2cf75e3021e415bb4b66.otf) format("opentype")}@font-face{font-family:Lukrezia;font-style:normal;font-weight:400;src:url(../../static/media/LukreziaOT.a444cdf710a903562bea.otf) format("opentype")}@font-face{font-family:Madonna;font-style:normal;font-weight:400;src:url(../../static/media/MadonnaOT.378252ec19fa0bd7ef1b.otf) format("opentype")}@font-face{font-family:Ophelia;font-style:normal;font-weight:400;src:url(../../static/media/OpheliaOT.5c6ba99155313fa586cc.otf) format("opentype")}@font-face{font-family:Filzerhand;font-style:normal;font-weight:400;src:url(../../static/media/FilzerhandJB-Regular.742b93aba1ce77cac9d1.otf) format("opentype")}@font-face{font-family:JustusFraktur;font-style:normal;font-weight:400;src:url(../../static/media/JustusFrakturJB-Regular.4fa3c1c47797bd851d28.otf) format("opentype")}@font-face{font-family:Karolinger;font-style:normal;font-weight:400;src:url(../../static/media/KarolingerJB-Regular.cecd8c0c464842eff8ec.otf) format("opentype")}@font-face{font-family:KeyCaps;font-style:normal;font-weight:400;src:url(../../static/media/KeyCapsJB-Regular.f8ac798a1215609a1e2f.otf) format("opentype")}@font-face{font-family:Medieva;font-style:normal;font-weight:400;src:url(../../static/media/MedievaJB-Regular.70f4394ecc6d89a97817.otf) format("opentype")}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{display:none}::selection{background:#ffd4339f}.ropsen{font-family:Ropsen Script,sans-serif;padding:0 2px}.App-header{height:200px;justify-content:space-between;position:relative}.App-header,.header-left{align-items:center;display:flex}.logo{margin:3rem 2rem 3rem 3rem}.jb-and-links{-webkit-transform:translateY(16px);transform:translateY(16px)}h1{word-wrap:normal;font-family:Ropsen Script,sans-serif;font-size:min(45px,10vw);font-weight:700;position:relative}.h1-sub{color:#000;position:absolute;right:0;text-align:right;top:37px;width:100%}.header-button{background-color:transparent;background-color:initial;border:none;color:#000;cursor:pointer;font-family:inherit;font-size:16.5px;font-weight:400;letter-spacing:2px;padding:0 3px}.header-button:hover{text-decoration:underline;-webkit-text-decoration-style:wavy;text-decoration-style:wavy}.keycap{background:#ffffffcf;border-radius:6px;height:50px;margin-right:29px;margin-top:5px;-webkit-transform:translateY(16px) scale(1.3);transform:translateY(16px) scale(1.3)}.keycap:hover{background:#ffcc339f;outline:3.1px solid #ffcc339f}.keycap:focus-visible{outline:3px solid #4058ab}.address-info{margin-right:50px}main{margin:120px 0 40px;padding:0 20px}p{font-family:Ropsen Script;font-size:calc(10px + 1vmin);font-weight:400;letter-spacing:2px}.section{color:#000;margin-bottom:30px;overflow:hidden}.x-scroll-wrapper{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:50px 0;width:100%}.x-scroll{align-items:center;display:flex;overflow:scroll;padding:20px 40px;width:100%}.section-note{background:#ffd4339f;font-family:Filzerhand;font-size:25px;letter-spacing:2px;line-height:1.2;margin-bottom:40px;margin-left:30px;margin-top:20px;padding:16px 32px;width:max(300px,50vw)}.keycap-back,.keycap-forward{font-size:39px}.section-children{align-items:center;display:flex;flex-direction:row;justify-content:center;margin:5px 0;max-width:100%}.section-heading{align-items:center;display:flex;font-family:Helvetica,sans-serif;font-size:min(55px,10vmin);font-weight:700;height:100px;padding-left:20px;padding-top:8px;width:100%}.section-heading h2{font-size:70px;padding:0 20px}.section-heading h2:hover{font-family:Ropsen Script;font-size:90px}.section-heading div{background-color:#000;flex-grow:1;height:2px}a{color:#546dc9;font-family:inherit;font-weight:bolder;text-decoration:none}a:hover{color:#5f7bdf;text-decoration:underline;-webkit-text-decoration-style:wavy;text-decoration-style:wavy;text-underline-offset:1px}.image-row{align-items:center;display:flex;height:100%;margin-left:auto;margin-right:auto;overflow-x:hidden;overflow-x:auto;position:relative;width:100%}.image-in-row{height:max(350px,min(60vh,800px));margin-right:20px;-webkit-transform:scale(1);transform:scale(1);transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.image-in-row:hover{-webkit-transform:scale(1.17);transform:scale(1.17);z-index:99999}.keycap-text{border-radius:5px;font-family:Keycaps;margin:3px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.keycap-text:hover{background:#ffcc339f;outline:3px solid #ffcc339f}.pointer{cursor:pointer}@media screen and (max-width:1100px){main{padding:0}}@media screen and (max-width:730px){.address-info{bottom:-30px;font-size:15px;margin-right:2vw;position:absolute;right:0}main{margin-top:100px}.section{margin-left:0;margin-right:0}.section-heading{padding-left:10px}.section-heading h2{font-size:44px}.x-scroll{padding:0}.image-in-row{height:130vmin}}@media screen and (max-width:500px){.address-info,.h1-sub,.x-scroll .keycap-text{display:none}.section-heading h2{font-size:30px;padding-left:0}.section-note{margin:0}.keycaps{bottom:-55px;left:-120px;position:absolute;width:160px}.keycap{border-radius:6px;height:40px;margin-right:25px;margin-top:5px}}.font-preview-wrapper{background:#fff;color:#000;display:flex;flex-direction:column;height:320px;margin-right:20px;max-width:min(400px,60vw);padding:20px;position:relative}.font-preview{height:100%;overflow-x:hidden;overflow-y:auto;width:100%}.font-preview p{word-wrap:break-word;font-size:29px}.font-preview .keycap{bottom:30px;height:35px;margin:0;position:absolute;right:20px}
/*# sourceMappingURL=main.9d0030ed.css.map*/