75 lines
1.2 KiB
CSS
75 lines
1.2 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: #a89984;
|
|
opacity: 100%;
|
|
}
|
|
|
|
hr.menu {
|
|
display: none;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
hr.menu {
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
body {
|
|
background-color: #008080;
|
|
color: black;
|
|
font-family: "monospace";
|
|
min-height: 100vh;
|
|
}
|
|
|
|
html, body {
|
|
max-width: 100%;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
code {
|
|
color: #ebdbb2;
|
|
}
|
|
|
|
pre {
|
|
color: #ebdbb2;
|
|
background-color: #504945;
|
|
padding: 10px 10px 10px 10px;
|
|
border-radius: 10px;
|
|
white-space: pre-wrap;
|
|
}
|
|
|
|
img {
|
|
display: block;
|
|
width: 30vw;
|
|
}
|
|
|
|
img.letterboxd {
|
|
display: inline-block;
|
|
width:20px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
img {
|
|
width: 90vw;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
img.letterboxd {
|
|
margin-left: 0;
|
|
}
|
|
}
|
|
|
|
::selection {
|
|
background-color: #ebdbb2;
|
|
color: #282828;
|
|
}
|