54 lines
979 B
CSS
54 lines
979 B
CSS
:root {
|
|
--max-width: 750px;
|
|
--background-1: #ffffff;
|
|
--background-2: #e9e9e9;
|
|
--background-3: #555555;
|
|
--text-color-1: #000000;
|
|
--text-color-2: #555555;
|
|
}
|
|
|
|
body {
|
|
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
|
}
|
|
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
main {
|
|
margin: 1em auto;
|
|
max-width: var(--max-width);
|
|
}
|
|
|
|
.message .metadata .name {
|
|
font-size: 120%;
|
|
}
|
|
|
|
.message .metadata .date {
|
|
color: var(--text-color-2);
|
|
}
|
|
|
|
.message .text {
|
|
margin-top: 1em;
|
|
}
|
|
|
|
nav #top-left {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 70px;
|
|
height: 70px;
|
|
background-color: var(--background-2);
|
|
color: black;
|
|
font-size: 60px;
|
|
border-bottom-right-radius: 10px;
|
|
}
|
|
|
|
nav a i {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
}
|