69 lines
1.3 KiB
CSS
69 lines
1.3 KiB
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%);
|
|
--color-theme-1: #ff3e00;
|
|
}
|
|
|
|
body {
|
|
max-width: 700px;
|
|
padding: 20px;
|
|
margin: auto;
|
|
}
|
|
|
|
nav {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 20px;
|
|
gap: 15px;
|
|
}
|
|
|
|
a {
|
|
color: var(--color-theme-1);
|
|
text-decoration: none;
|
|
border-bottom: 1px solid transparent;
|
|
transition-property: border-color;
|
|
transition-duration: 0.5s;
|
|
}
|
|
|
|
a:hover {
|
|
border-color: var(--color-theme-1);
|
|
}
|
|
|
|
nav a {
|
|
color: gray;
|
|
transition-property: color;
|
|
transition-duration: 0.5s;
|
|
text-decoration: none;
|
|
border: none;
|
|
}
|
|
|
|
nav a:hover,
|
|
nav a.active {
|
|
color: black;
|
|
}
|