112 lines
1.4 KiB
CSS
112 lines
1.4 KiB
CSS
*,
|
|
*::before,
|
|
*::after {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
font: inherit;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Fira Code";
|
|
src: local("Fira Code"), url("/FiraCode-VF.ttf");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "SF Pro";
|
|
src: url("/SFPro-Regular.otf");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "SF Pro";
|
|
src: url("/SFPro-Bold.otf");
|
|
font-weight: bold;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "SF Pro";
|
|
src: url("/SFPro-Italic.otf");
|
|
font-style: italic;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "SF Pro";
|
|
src: url("/SFPro-Italic-Bold.otf");
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
}
|
|
|
|
strong {
|
|
font-weight: bold;
|
|
}
|
|
|
|
em {
|
|
font-style: italic;
|
|
}
|
|
|
|
body {
|
|
min-height: 100vh;
|
|
background-color: #555;
|
|
padding: min(7vh, 30px) 15vw;
|
|
font-family: "SF Pro";
|
|
color: white;
|
|
}
|
|
|
|
h1 {
|
|
font-size: max(30px, 2vh);
|
|
}
|
|
|
|
code {
|
|
font-family: "Fira Code", monospace;
|
|
color: inherit;
|
|
background-color: #444;
|
|
padding: 0.1em 0.2em;
|
|
border-radius: 0.3em;
|
|
}
|
|
|
|
li {
|
|
margin: 0.5em 0;
|
|
}
|
|
|
|
ul,
|
|
ol {
|
|
margin: 1em 0;
|
|
padding-left: 2.5em;
|
|
}
|
|
|
|
a {
|
|
color: orange;
|
|
}
|
|
|
|
a:visited,
|
|
a:visited * {
|
|
color: chocolate;
|
|
}
|
|
|
|
.navbar {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
gap: 0.5em;
|
|
}
|
|
|
|
p {
|
|
margin: 1em 0;
|
|
}
|
|
|
|
hr {
|
|
margin: 0.5em 0;
|
|
}
|
|
|
|
h1 {
|
|
margin: 0.67em 0;
|
|
}
|
|
|
|
.pfp {
|
|
height: 1em;
|
|
bottom: -0.15em;
|
|
position: relative;
|
|
} |