body,
h3,
h4 {
 font-family: 'PT Sans Narrow', Arial, sans-serif;
}
body {
 font-size: larger;
}
h1,
h2,
.bigger {
 font-family: 'Bebas Neue', Arial, sans-serif;
}
.hide-native-scrollbar {
 scrollbar-width: none;
 -ms-overflow-style: none;
}
.hide-native-scrollbar::-webkit-scrollbar {
 display: none;
}
.videoWrapper {
 position: relative;
 padding-bottom: 56.25%;
 padding-top: 25px;
 height: 0;
}
.videoWrapper iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
a:link {
 text-decoration: none;
}
a:visited {
 text-decoration: none;
}
input:focus,
textarea:focus,
*:focus {
 outline: none;
 border-color: #ccc !important;
 -webkit-box-shadow: none !important;
 -moz-box-shadow: none !important;
 box-shadow: none !important;
}
.nav .dropdown:hover .dropdown-menu {
 display: block;
}
.nav .dropdown-item img {
 max-width: 32px;
 max-height: 32px;
 margin-right: 0.7em;
 filter: grayscale(100%);
 opacity: 0.5;
}
.bigger {
 font-size: 140%;
}
.bg {
 background-color: #6c757d;
}
.textred {
 color: #CE3F46;
}
.greenbtn {
 color: #26B2AC;
}
.darkteal {
 color: #089cbf;
}
.lightteal {
 color: #6fe5ef;
}
.greenteal {
 color: #00CCB6;
}
.bglightgreen {
 background-color: #26B2AC;
}
.bgred {
 background-color: #CE3F46;
}
.bgteal {
 background-color: #089CBF;
}
ul {
 list-style-type: none;
}
.bglightgreen:hover {
 background-color: #CE3F46;
}
.bgred:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
 color: #fff;
 background-color: #212529;
 border-color: #CE3F46;
}
.productborder {
 border-color: #089CBF;
}
.card {
 border-radius: 20px;
}
.hero {
 background-image: url(/images/hero_cesanta.webp);
 padding: 5em 0;
 color: #ccc;
 background-size: cover;
 background-color: #222;
}
.customers img,
.card-img-top {
 max-width: 167px;
 max-height: 167px;
}
.customers div {
 width: 167px;
 height: 167px;
 margin: 10px;
 box-shadow: 1px 1px 7px #94A6B6;
 border-radius: 20px;
}
ul {
 margin-bottom: 0;
}
.footer {
 background: #555;
 margin-top: 2em;
 padding: 2em 0;
 font-size: 90%;
}
.footer *,
.footer a:hover {
 color: #eee;
}
.footer .col-md-2 {
 padding-left: 1em;
}
.footer h4 {
 margin-top: 0;
 padding-top: 0;
}
.products .card {
 background-repeat: no-repeat;
 color: #089cbf;
 border: none;
 padding: 1%;
}
.platforms img {
 display: block;
 width: 35%;
 margin-top: 2em;
}</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://cesanta.com/css/main.css">(-&gt;オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="https://cesanta.com/css/main.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>