@charset "utf-8";

:root {
    --main-text: #3c444d;
    --main-background: #fdfdfd;
}
@media (prefers-color-scheme: dark) {
    :root {
        --main-text: #F2F2F7;
        --main-background: #333333;
    }
}

html {
    font-size: 62.5%;
}

body {
    width: 100%;
    margin: 0 auto;
    font-size: 1.4rem;
    color: var(--main-text);
    font-family: 'Baloo Thambi 2', 'Koruri', sans-serif;
    background-color: var(--main-background);
    letter-spacing: 0.2px;
    line-height: 2em;
    transition: background-color .5s, color .5s;
}

.wrap {
    width: 90%;
    margin: 1em auto;
}

a {
	color: var(--main-text);
}

h1 {
    line-height: 1.8em;
}

.head-emoji {
  padding-right: 0.5em;
  color: transparent;
}

h2 .head-emoji {
  text-shadow: 0 0 0 #1BADB9;
}

h3 .head-emoji {
  text-shadow: 0 0 0 #54687c;
}