@import "{{ site.theme }}";

// Custom styles
.main-nav {
    margin-top: 20px;

    ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    li {
        margin-bottom: 8px;
    }

    a {
        color: #267CB9;
        text-decoration: none;

        &:hover {
            text-decoration: underline;
        }
    }
}

h1,
h2,
h3 {
    color: #333;
}

code {
    background-color: #f8f8f8;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 2px 5px;
}

pre {
    background-color: #f8f8f8;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 10px;
    overflow-x: auto;
}

.wrapper {
    max-width: 960px;
}

section {
    max-width: 700px;
}