@import url('rsms.me/inter/inter.css') html {}
html {
font-family: 'Inter', sans-serif; font-variant-ligatures: contextual; -moz-font-feature-settings: "calt"; -webkit-font-feature-settings: "calt"; font-feature-settings: "calt";
}
:root {
--light: #F6F8FF; --dark: #272D2D; --yellow: #FFE74C; --green: #01AF75;
}
body {
background-color: var(--light); background-color: white; color: var(--dark); padding: 50px;
}
h2 {
font-family: 'Lora', serif; font-size: 40pt; font-weight: 500; margin-bottom: 0;
}
h3 {
font-size: 20pt; font-weight: normal; color: #676C6C;
}
div#left-bar {
position: fixed; display: inline-block; width: 15vw; height: 90vh; vertical-align: top; text-align: right; font-size: 16pt;
}
div#left-bar img#logo {
width: 100px;
}
div#left-bar div {
position: absolute; bottom: 0; right: 0;
}
div#left-bar a {
color: var(--dark); text-decoration: none;
}
div#left-bar a:visited {
color: var(--dark);
}
div#left-bar ul {
list-style: none;
}
div#content {
margin-left: 20vw; display: inline-block; max-width: 800px; min-width: 600px; width: 50%; vertical-align: top;
}
div#content ul#posts {
list-style: none; padding-left: 0; margin-top: 0;
}
div#content ul#posts li {
margin-bottom: 50px;
}
div#content ul#posts li span { }
div#content ul#posts li a {
text-decoration: none; color: var(--dark);
}
div#content ul#posts li a:visited {
color: var(--dark);
}
div#content ul#posts li a div {
display: inline-block; vertical-align: middle; border-bottom: 5px solid var(--dark); width: 100%; padding-bottom: 10px;
}
div#content ul#posts li a h2 {
margin: 0;
}
div#content ul#posts li a h3 {
font-weight: normal;
}
div#content h2.title {
margin-top: 0;
}
div#content span.date {
background-color: var(--yellow); padding: 5px 10px; padding-top: 10px;
}
div#content span.date.tech {
background-color: var(--green); color: var(--light);
}
div#content img.header-image {
width: 100%;
}
div#content p {
font-size: 16pt; text-align: justify; line-height: 150%;
}