55 lines
1,015 B
CSS
55 lines
1,015 B
CSS
@font-face {
|
|
font-family: "DM Mono";
|
|
src: url("DM_Mono/DMMono-Regular.ttf") format("opentype");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "DM Mono";
|
|
font-weight: 500;
|
|
src: url("DM_Mono/DMMono-Medium.ttf") format("opentype");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "DM Mono";
|
|
font-style: italic;
|
|
src: url("DM_Mono/DMMono-Italic.ttf") format("opentype");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "DM Mono";
|
|
font-weight: 500;
|
|
font-style: italic;
|
|
src: url("DM_Mono/DMMono-MediumItalic.ttf") format("opentype");
|
|
}
|
|
|
|
:root {
|
|
font-family: "DM Mono", "Courier New", Courier, monospace;
|
|
background-color: hsl(224, 44%, 95%);
|
|
}
|
|
|
|
body {
|
|
max-width: 700px;
|
|
padding: 20px;
|
|
margin: auto;
|
|
}
|
|
|
|
nav {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 20px;
|
|
gap: 15px;
|
|
}
|
|
|
|
nav a {
|
|
color: gray;
|
|
transition-property: color;
|
|
transition-duration: 0.5s;
|
|
text-decoration: none;
|
|
}
|
|
|
|
nav a:hover,
|
|
nav a.active {
|
|
color: black;
|
|
}
|