site/assets/css/default.css

72 lines
1.1 KiB
CSS

@import url('https://fonts.googleapis.com/css2?family=Rubik+Mono+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&display=swap');
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: "Rubik";
min-height: 100vh;
}
code {
color: gold;
}
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;
}