:root {
 --ratio: 1.98;
}
@font-face {
 font-family: "Paradroid";
 src: url("/assets/fonts/ParadroidMono-Light.ttf") format("truetype");
 font-weight: normal;
 font-style: normal;
 font-display: swap;
}
@font-face {
 font-family: "Solid";
 src: url("/assets/fonts/Solid-Mono.ttf") format("truetype");
 font-weight: normal;
 font-style: normal;
 font-display: swap;
}
h1,
h2,
h3,
h4,
h5,
h6 {
 font-family: "Solid", -apple-system, BlinkMacSystemFont, "Segoe UI",
 Helvetica, Arial, sans-serif;
}
body {
 font-family: "Paradroid", -apple-system, BlinkMacSystemFont, "Segoe UI",
 Helvetica, Arial, sans-serif;
 line-height: var(--s1);
 font-weight: 600;
 color: #222;
 background: #fafafa;
}
img {
 max-width: 100%;
}
a {
 color: #107010;
}
section {
 padding: var(--s-1);
}
h1,
h2,
strong {
 color: #111;
}
section:hover {
 background: #efefef;
}
.bucket {
 list-style-type: none;
}
.bucket a {
 text-decoration: none;
 color: inherit;
}
.box-small {
 --box-padding: var(--s-2);
}
.box-small:hover {
 background: #dadada;
 animation: duck 0.3s forwards;
}
@keyframes duck {
 0% {
 transform: scale(1);
 }
 50% {
 transform: scale(0.95);
 }
 100% {
 transform: scale(1);
 }
}</div><div class="naked_ctrl">
<form action="/index.cgi/contrast" method="get" name="gate">
<p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="https://silvan.codes/assets/styles/global.css">(-&gt;オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="https://silvan.codes/assets/styles/global.css" size="22" /></label> <label>モード: <select name="naked_post_mode">
<option value="default">デフォルト</option>
<option value="speech">音声ブラウザ</option>
<option value="ruby">ルビ付き</option>
<option value="contrast" selected="selected">配色反転</option>
<option value="larger-text">文字拡大</option>
<option value="mobile">モバイル</option>
</select>
<input type="submit" value="表示" />
</p>
</form>
</div>