@import '../vars';
@import '../base_style';
@import 'navigation';

.page {
    width: $preferred-width;
    margin: 0 auto;

    @media (max-width: $first-media-step) {
        width: auto;
        margin-left: $mobile-margin;
        margin-right: $mobile-margin;
    }
}

.content {
    p {
        line-height: 1.5;
        margin-top: 0;
        margin-bottom: 1em;
    }

    h1 {
        margin-top: 1.2em;
        margin-bottom: 0.5em;

        @media (max-width: $first-media-step) {
            margin-top: 0.8em;
        }
    }

    pre {
        font-family: $base-monospace-font-family;
        font-size: 90%;
        padding: 1em;
        background-color: #f6f8fa; // from github
        border-radius: 5px;
        overflow-y: auto;
    }

    code {
        font-family: $base-monospace-font-family;
    }
}