html,
    body {
        margin: 0;
        padding: 0;
    }

    h1,
    pre {
        font-family: 'Roboto Mono', 'Courier New', Courier, monospace;
        color: limegreen;
    }

    pre {
        white-space: pre-wrap;
    }

    .container {
        width: 50%;
        margin: 0 auto;
        padding: 16px 0;
        position: relative;
    }

    .iframe-wrapper {
        position: relative;
        padding-bottom: 75%;
        padding-top: 25px;
        height: 0;
    }

    .iframe-wrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    #favorite-header {
        font-size: 46px;
        position: relative;
    }

    /* Mobile scaling */
    @media only screen and (max-width: 959px) {
        #favorite-header {
            font-size: 32px;
        }

        .container {
            width: 80%;
        }
    }

    /* Large screen scaling*/
    @media only screen and (min-width: 1440px) {
        .container {
            width: 40%;
        }
    }