@font-face{font-family:MantouSans;src:url("../../font/MantouSans-Regular.ttf");font-weight:400;font-style:normal}@font-face{font-family:"jf-openhuninn-2.1";src:url("../../font/jf-openhuninn-2.1.ttf");font-weight:400;font-style:normal}@font-face{font-family:JetBrainsMono;src:url("../../font/JetBrainsMono-Regular.woff2");font-weight:400;font-style:normal}button,h1,h2,h3,h4,h5,h6,p{color:#393939;font-size:0rem;border:0;padding:0;margin:0;font-weight:400}button,h1,h2{-webkit-user-select:none;-moz-user-select:none;user-select:none}body{display:flex;justify-content:center;margin:0;background-color:#f8f8f8;background-image:linear-gradient(to right,#e0e0e0 1px,transparent 1px),linear-gradient(to bottom,#e0e0e0 1px,transparent 1px);background-size:40px 40px}.card,.gallery{min-width:300px;max-width:1600px}.card h1,.gallery h1{font-family:MantouSans;padding-top:2rem;padding-left:2rem;padding-bottom:0;font-size:4rem}.card h2,.copy-btn{font-family:"jf-openhuninn-2.1"}.card-grid{display:grid;grid-template-columns:1fr;margin-left:2rem;margin-right:2rem;margin-bottom:4rem;gap:1rem}.title{display:grid;grid-template-columns:8fr 1.5fr}.copy-btn{font-size:1rem;border-radius:6px;border:1px solid #b3b3b3;margin-top:1rem;margin-right:.5rem}.card{border-radius:16px;border:1px solid #b3b3b3;background-color:#f6f6f6}.card h2{font-size:1.5rem;border:0;padding-left:1rem;padding-top:1.25rem;margin:0}.card pre{font-family:JetBrainsMono,monospace "jf-openhuninn-2.1";background-color:#fff;border-radius:8px 8px 12px 12px;border:1px solid #b3b3b3;padding-top:1rem;padding-left:1rem;margin:1rem .5rem .5rem;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}div.title button{transition:.25s}div.title button:hover{background-color:rgba(57,57,57,.1254901961);transition:.25s}@media (min-width:300px){.gallery{max-width:600px}.gallery h1{font-size:5rem}.gallery .card h2{font-size:1rem}.gallery .card pre{font-size:.8rem}.card-grid{grid-template-columns:1fr;gap:3rem}.title{display:grid;grid-template-columns:8fr 2.5fr}}@media (min-width:750px){.card,.gallery{max-width:800px}.card h1,.gallery h1{font-size:4rem}.card .card h2,.card pre,.gallery .card h2,.gallery pre{font-size:1.5rem}.card .card pre,.gallery .card pre{font-size:1rem}.card-grid{grid-template-columns:1fr;gap:2rem}.title{display:grid;grid-template-columns:8fr 1.5fr}}@media (min-width:1600px){.card,.gallery{max-width:1500px}.card h1,.gallery h1{font-size:4rem}.card .card h2,.card pre,.gallery .card h2,.gallery pre{font-size:1.5rem}.card .card pre,.gallery .card pre{font-size:1rem}.card-grid{grid-template-columns:1fr 1fr}.title{display:grid;grid-template-columns:8fr 1.5fr}}