@import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');
:root {
    --accent: #ff3e6b;
    --plain-dark: #2a2c2d;
    --plain-light: #e5e4d9;
    --white: #fdfdff;
    --main-dark: #41515d;
    --main-light: #62929E;
}

* {
    font-family: "PT Serif", serif;
    color: var(--main-dark);
    margin: 0 0 0 0;
    overflow: visible;
}

body {
    background-color: var(--plain-light);
    margin: 0 0 0 0;
    max-height: 100vh;
}

div.content-container>* {
    padding-left: 2rem;
}

div.content-container {
    padding-top: 1rem;
    overflow: hidden;
}

.link {
    color: var(--accent);
    text-decoration: underline;
}

.link:hover {
    text-decoration: dashed underline;
    transition: 200ms;
}

p img {
    height: 1.5rem;
}

h1 {
    font-size: 5.5rem;
}

h2 {
    font-size: 4rem;
}

h3 {
    font-size: 3rem;
}

h4,
p {
    font-size: 2rem;
}

p {
    word-wrap: normal;
}

hr {
    padding: 0 0 0 0 !important;
    margin: 0 1rem;
    width: calc(100% - 2rem);
}

html,
body {
    overflow: auto;
}

.colour-filter-accent {
    filter: invert(38%) sepia(96%) saturate(2748%) hue-rotate(324deg) brightness(104%) contrast(105%);
}

.colour-filter-plain-dark {
    filter: invert(14%) sepia(11%) saturate(216%) hue-rotate(155deg) brightness(89%) contrast(88%);
}

.colour-filter-plain-light {
    filter: invert(96%) sepia(7%) saturate(249%) hue-rotate(18deg) brightness(101%) contrast(81%);
}

.colour-filter-white {
    filter: invert(100%) sepia(27%) saturate(2194%) hue-rotate(180deg) brightness(101%) contrast(107%);
}

.colour-filter-main-dark {
    filter: invert(32%) sepia(13%) saturate(747%) hue-rotate(163deg) brightness(91%) contrast(93%);
}

.colour-filter-main-light {
    filter: invert(54%) sepia(6%) saturate(1860%) hue-rotate(145deg) brightness(98%) contrast(92%);
}