rr/app/static/style.css

@font-face
{
    font-family: STIX;
    src: url("/static/STIX2Text-Regular.subset.otf") format("truetype");
}

body
{
    display: flex;
    justify-content: center;
}

.page
{
    width: 550px;
}

.image-page,
.image-page img
{
    width: 17.5cm;
}

h1,
h2,
h3
{
    font-family: 'STIX', serif;
    font-weight: normal;
}

h1
{
    border-style: solid;
    border-width: 1px 0;
    text-align: center;
    font-size: 34pt;
}

h2
{
    font-size: 16pt;
}

h3
{
    font-size: 14pt;
}

h1 a
{
    text-decoration: none;
    color: #000;
}

p,
ul
{
    font-family: sans-serif;
}
@media (max-width: 17.5cm)
{
    .image-page,
    .image-page img
    {
        width: 100%;
    }
}

@media (max-width: 560px)
{
	.page
	{
		width: 100%;
	}

    h1
    {
        font-size: 9vw;
    }
}