@font-face {
    font-family: Amble;
    src: url(amble/Amble-Regular.ttf);
}

html {
    font-size: 10px;
}

body {
    font-family: 'Amble', 'Times New Roman', Helvetica, sans-serif;
    line-height: 1;
}

h1, h2, h3 {
    text-align: center;
}

h1 {
    font-size: 2rem;
    text-transform: uppercase;
    text-shadow: 2px 2px 3px rgb(255, 162, 177);
}

h2 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

#first {
    font-size: 30px;
}

h3 {
    font-size: 1.17rem;
}

p {
    font-size: 1.2rem;
    line-height: 1.5;
}

.evil {
    background: linear-gradient(brown, blue);
    font-family: fantasy;
    color: grey;
}

p.good {
    background: radial-gradient(pink, rgb(155, 228, 155));
    color: crimson;
}

p.pre-line {
    white-space: pre-line;
}

p.pre-wrap {
    white-space: pre-wrap;
}