body {
    font-family: "Roboto Mono", "Helvetica Neue", "Segoe UI", Arial, sans-serif;
    /*max-width: 960px;
    margin: auto;
    padding: 0 15px;
    color: #231f20;
    line-height: 1.25;
    */
}

html {
    font-size: 90%; /* Reduces all relative font sizes by 10% */
    scroll-padding-top: 6rem; /* offset anchors below the sticky header (h-20/h-24) */
}

p {
    padding-top: 8px;
}

a {
    font-weight: bold;
}

.responsive-object {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    overflow: hidden;
}

.responsive-object iframe,
.responsive-object object,
.responsive-object embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: magenta;
}