html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: sans-serif;
    font-size: 1rem;
}

body * {
    display: flex;
}

#root-view {
    /* width: 100%; */
	/* height: 100%; */
    margin: 0;
    padding: 0;
    border: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

#top-header {
    flex: 0 0;
    width: inherit;
    align-items: center;
    justify-content: left;
    box-sizing: border-box;
    padding-top: 24px;
    padding-bottom: 16px;
    padding-left: 72px;
    font-size: 1.25rem;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    /* font-weight: 600; */
    /* font-family: sans-serif; */
}

#top-spacer {
    padding-bottom: 3px;
    border-bottom: 1px solid #ddd;
}


.unselectable {
    user-select: none;
}

ul {
    flex-direction: column;
    align-items: stretch;
    margin: 0;
    padding: 0;
    list-style-type: circle;
}

p, li {
    display: block;
    /* flex: 0 0; */
    margin: 0;
    width: inherit;
    box-sizing: border-box;
    padding-top: 14px;
    /* padding-bottom: 12px; */
    padding-left: 72px;
    padding-right: 20%;
    /* font-family: sans-serif; */
    white-space-collapse: preserve;
    /* word-wrap: break-word; */
}

li {
    display: list-item;
    list-style-position: inside;
    padding-left: 90px;
    text-indent: -1rem;
    /* list-style-type: circle; */
}

li:before {
    content: "";
    margin-right: -6px;
}

li:last-child {
    padding-bottom: 40px;
}

.last-p {
    padding-bottom: 40px;
}

a {
    display: inline;
    /* word-wrap: break-word; */
}

em {
    display: inline;
}

@media only screen and (max-width: 1199px) and (pointer: coarse) {

    html, body {
        font-size: 1.2rem;
    }

    #top-header {
        font-size: 1.5rem;
    }

    .header {
        font-size: 1.4rem;
    }

    li {
        text-indent: -1.3rem;
    }

}