@@ -27,6 +30,5 @@ footer{font-size:clamp(16px,3vw,22px);margin:40px 0 8px}
diff --git a/index.html b/index.html index 155939c..c2c2772 100644 --- a/index.html +++ b/index.html @@ -9,16 +9,19 @@ @font-face{font-family:"Stain";src:url("https://cdn.jsdelivr.net/gh/multipleof4/stain.otf@master/dist/Stain.otf") format("opentype");font-display:swap} *{box-sizing:border-box;margin:0} body{background:#fff;color:#000;font-family:"Stain",sans-serif;text-align:center;padding:24px 16px} -h1{font-weight:400;font-size:clamp(22px,5vw,44px);line-height:1.2;margin:8px auto 28px;max-width:900px} +h1{font-weight:400;font-size:clamp(22px,5vw,44px);line-height:1.2;margin:8px auto 12px;max-width:900px} +p{font-size:clamp(16px,3vw,22px);margin-bottom:16px} +iframe{border:0;border-radius:6px;margin-bottom:28px} main{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;max-width:1400px;margin:auto} a{display:flex;align-items:center;justify-content:center;aspect-ratio:1} img{width:100%;height:100%;object-fit:contain} -footer{font-size:clamp(16px,3vw,22px);margin:40px 0 8px} @media(max-width:480px){main{grid-template-columns:repeat(3,1fr);gap:10px}}
feel free to hot link them
+
@@ -27,6 +30,5 @@ footer{font-size:clamp(16px,3vw,22px);margin:40px 0 8px}