html,
body {
    box-sizing: border-box;
    background-color: #ffffff;
    color: #232323;
    /* color: #634f52; */
    font-family: 'Open Sans', sans-serif;
    line-height: 1.6;
}

div.main-content {
    padding: 0.5rem;
    max-width: 45rem;
    margin: 0 auto;
}

nav {
    /* border-bottom: 2px solid; */
    padding-bottom: 0.25rem;
}

a {
    color: #363743;
    /* color: #634f52; */
}

a:hover {
    /* color: #25417d; */
}

a.nav {
    text-decoration: none;
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0.25rem;
}

a.nav:hover {
    /* color: #ff6868; */
    /* color: #25417d; */
    border-bottom: 0.15rem solid;
}

ul.project-list {
    list-style-type: none;
    padding-left: 0px;
    line-height: 2.5rem;
}

iframe {
    border: 1px solid #363743;
    border-radius: 0.5rem;
    width: 100%;
    height: 250px;
}

code {
    border-radius: 0.25rem;
}

pre code {
    border-radius: 0.5rem;
}

img {
    width: 100%;
}