118 lines
1.7 KiB
CSS
118 lines
1.7 KiB
CSS
@font-face {
|
|
font-family: FiraCode;
|
|
src: url('/assets/fonts/fira_code_v6.2/woff2/FiraCode-Regular.woff2');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: FiraCode Bold;
|
|
src: url('/assets/fonts/fira_code_v6.2/woff2/FiraCode-Bold.woff2');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: Fira Sans;
|
|
src: url('/assets/fonts/Fira_Sans/FiraSans-Regular.woff2');
|
|
}
|
|
|
|
body {
|
|
margin-top: 2%;
|
|
margin-left: 5%;
|
|
background-color: #000000;
|
|
}
|
|
|
|
.navbar {
|
|
list-style-type: none;
|
|
display: inline;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
.navbar li {
|
|
display: inline;
|
|
}
|
|
|
|
.navbar > li > a {
|
|
font-family: FiraCode Bold, monospace;
|
|
margin-left: 3px;
|
|
margin-right: 3px;
|
|
display: inline;
|
|
}
|
|
|
|
.navbar a {
|
|
text-decoration: none;
|
|
font-size: 20px;
|
|
display: inline;
|
|
color: #bb53f3;
|
|
}
|
|
|
|
.navbar a:hover {
|
|
color: white;
|
|
}
|
|
|
|
.navbar h1 {
|
|
margin-bottom: 0px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.navbar h1 a {
|
|
color: #bb53f3;
|
|
font-size: 35px;
|
|
display: inline;
|
|
font-family: FiraCode Bold, monospace;
|
|
}
|
|
|
|
@media (min-width: 600px) {
|
|
.navbar li h1 {
|
|
display: inline;
|
|
}
|
|
}
|
|
|
|
/* Main content */
|
|
|
|
@media (min-width: 600px) {
|
|
main, footer {
|
|
width: 70%;
|
|
}
|
|
}
|
|
main, footer {
|
|
color: white;
|
|
font-family: Fira Sans, sans-serif;
|
|
font-size: 20px;
|
|
}
|
|
|
|
main h2 {
|
|
font-family: Fira Sans, sans-serif;
|
|
font-size: 40px;
|
|
font-weight: 650;
|
|
margin-top: 20px;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.post-title {
|
|
margin-top: 10px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.post-date {
|
|
font-family: Fira Sans, sans-serif;
|
|
font-weight: 200;
|
|
font-size: 20px;
|
|
margin-top: 5px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
main p {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
main a, footer a {
|
|
text-decoration: none;
|
|
color: #418cf6;
|
|
}
|
|
|
|
a:hover {
|
|
color: white;
|
|
}
|
|
|
|
footer {
|
|
color: white;
|
|
}
|