97 lines
1.5 KiB
CSS
97 lines
1.5 KiB
CSS
@font-face {
|
|
font-family: "Geist";
|
|
src:
|
|
local("Geist"),
|
|
url("../fonts/Geist/Geist-Regular.otf") format("opentype"),
|
|
url("../fonts/Geist/Geist-Regular.woff2") format("woff");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Geist Bold";
|
|
src:
|
|
local("Geist"),
|
|
url("../fonts/Geist/Geist-Bold.otf") format("opentype"),
|
|
url("../fonts/Geist/Geist-Bold.otf") format("woff");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Geist Mono";
|
|
src:
|
|
local("Geist"),
|
|
url("../fonts/Geist\ Mono/GeistMono-Regular.otf") format("opentype"),
|
|
url("../fonts/Geist\ Mono/GeistMono-Regular.woff2") format("woff");
|
|
}
|
|
|
|
b {
|
|
font-family: "Geist Bold";
|
|
}
|
|
|
|
hr {
|
|
border: none;
|
|
height: 3px;
|
|
background-color: #282828;
|
|
opacity: 100%;
|
|
}
|
|
|
|
hr.menu {
|
|
display: none;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
hr.menu {
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
div.content {
|
|
position: relative;
|
|
top: 90px;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
div.content {
|
|
top: 20px;
|
|
}
|
|
}
|
|
|
|
a {
|
|
color: gold;
|
|
}
|
|
|
|
body {
|
|
background-color: black;
|
|
color: white;
|
|
font-family: "Geist";
|
|
min-height: 100vh;
|
|
}
|
|
|
|
code {
|
|
color: gold;
|
|
font-family: "Geist Mono";
|
|
}
|
|
|
|
pre {
|
|
color: gold;
|
|
background-color: #282828;
|
|
padding: 10px 10px 10px 10px;
|
|
border-radius: 10px;
|
|
white-space: pre-wrap;
|
|
}
|
|
|
|
img.letterboxd {
|
|
display: inline-block;
|
|
width:20px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
img.letterboxd {
|
|
margin-left: 0;
|
|
}
|
|
}
|
|
|
|
::selection {
|
|
background-color: gold;
|
|
color: black;
|
|
}
|