askiiart-net/style.css

78 lines
1.4 KiB
CSS
Raw Normal View History

2024-03-05 15:58:07 -06:00
@font-face {
/* from https://github.com/ryanoasis/nerd-fonts/tree/master/patched-fonts/FiraCode */
font-family: "FiraCode";
src: url('/assets/FiraCodeNerdFontMono-Regular.woff2');
2023-12-06 11:44:14 -06:00
}
2024-03-05 15:58:07 -06:00
@font-face {
/* from Google Fonts, under the Open Font License */
font-family: "Atkinson Hyperlegible";
src: url('/assets/AtkinsonHyperlegible-Regular.woff2');
2023-12-06 11:44:14 -06:00
}
2023-08-05 19:33:50 -05:00
body {
color: #dadada;
background: #202020;
2023-08-05 19:33:50 -05:00
margin: 1em auto;
max-width: 90vw;
2023-08-05 19:33:50 -05:00
padding: 0 .62em;
2024-03-05 15:58:07 -06:00
font: 1.0em/1.35 'Atkinson Hyperlegible', sans-serif;
2023-03-22 15:37:47 -05:00
}
2023-08-05 19:33:50 -05:00
a:link,
a:visited {
color: #80c47b;
2023-03-22 15:37:47 -05:00
}
2023-08-05 19:33:50 -05:00
a:hover,
a:visited:hover {
color: #6bb794
2023-03-22 15:37:47 -05:00
}
2023-08-05 19:33:50 -05:00
h1,
h2,
h3 {
2024-03-05 15:58:07 -06:00
line-height: 1.2;
font: 'Atkinson Hyperlegible', sans-serif;
2023-08-05 19:33:50 -05:00
}
wrap {
word-wrap: break-word
2023-08-28 09:30:40 -05:00
}
@media (max-device-width: 1200px) {
h1 {
line-height: 1.2;
font-size: 40px;
}
2023-08-28 09:30:40 -05:00
h2 {
line-height: 1.2;
font-size: 30px;
}
body {
font-size: 20px;
}
pre,
code {
font-size: 16px;
}
}
@media print {
body {
max-width: none
}
}
footer {
text-align: center;
2023-12-06 11:44:14 -06:00
}
blockquote {
border-left: 3px solid #59997a;
padding-left: 1em;
margin-left: 0.5;
2023-08-05 19:33:50 -05:00
}