Compare commits
3 commits
a7725358f8
...
2e9014d19e
Author | SHA1 | Date | |
---|---|---|---|
2e9014d19e | |||
1ca4b59bb9 | |||
4e14111e13 |
6 changed files with 68 additions and 42 deletions
24
src/common/fonts/IBMPlexMono.css
Normal file
24
src/common/fonts/IBMPlexMono.css
Normal file
|
@ -0,0 +1,24 @@
|
||||||
|
@font-face {
|
||||||
|
font-family: 'IBM Plex Mono';
|
||||||
|
src: url("IBMPlexMono/Regular.woff2") format("woff2");
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: 'IBM Plex Mono';
|
||||||
|
src: url("IBMPlexMono/Bold.woff2") format("woff2");
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: 'IBM Plex Mono';
|
||||||
|
src: url("IBMPlexMono/Italic.woff2") format("woff2");
|
||||||
|
font-weight: normal;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: 'IBM Plex Mono';
|
||||||
|
src: url("IBMPlexMono/BoldItalic.woff2") format("woff2");
|
||||||
|
font-weight: bold;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
BIN
src/common/fonts/IBMPlexMono/Bold.woff2
Normal file
BIN
src/common/fonts/IBMPlexMono/Bold.woff2
Normal file
Binary file not shown.
BIN
src/common/fonts/IBMPlexMono/BoldItalic.woff2
Normal file
BIN
src/common/fonts/IBMPlexMono/BoldItalic.woff2
Normal file
Binary file not shown.
BIN
src/common/fonts/IBMPlexMono/Italic.woff2
Normal file
BIN
src/common/fonts/IBMPlexMono/Italic.woff2
Normal file
Binary file not shown.
BIN
src/common/fonts/IBMPlexMono/Regular.woff2
Normal file
BIN
src/common/fonts/IBMPlexMono/Regular.woff2
Normal file
Binary file not shown.
|
@ -1,42 +1,44 @@
|
||||||
body {
|
@import "common/fonts/IBMPlexMono.css";
|
||||||
font-family: "IBM Plex Mono", monospace;
|
|
||||||
color: lightgray;
|
body {
|
||||||
background: #161616;
|
font-family: "IBM Plex Mono", monospace;
|
||||||
|
color: lightgray;
|
||||||
display: flex;
|
background: #161616;
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
display: flex;
|
||||||
}
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
a {
|
}
|
||||||
font-weight: 600;
|
|
||||||
color: #f1c21b;
|
a {
|
||||||
}
|
font-weight: 600;
|
||||||
|
color: #f1c21b;
|
||||||
a:visited {
|
}
|
||||||
color: #ff832b;
|
|
||||||
}
|
a:visited {
|
||||||
|
color: #ff832b;
|
||||||
a:hover {
|
}
|
||||||
color: #fddc69;
|
|
||||||
}
|
a:hover {
|
||||||
|
color: #fddc69;
|
||||||
a:active {
|
}
|
||||||
color: #fcf4d6;
|
|
||||||
}
|
a:active {
|
||||||
|
color: #fcf4d6;
|
||||||
h1#construction {
|
}
|
||||||
color: #f1c21b;
|
|
||||||
}
|
h1#construction {
|
||||||
|
color: #f1c21b;
|
||||||
header {
|
}
|
||||||
max-width: 30rem;
|
|
||||||
display: flex;
|
header {
|
||||||
flex-direction: column;
|
max-width: 30rem;
|
||||||
align-items: center;
|
display: flex;
|
||||||
text-align: center;
|
flex-direction: column;
|
||||||
}
|
align-items: center;
|
||||||
|
text-align: center;
|
||||||
main {
|
}
|
||||||
max-width: 50rem;
|
|
||||||
}
|
main {
|
||||||
|
max-width: 50rem;
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in a new issue