html {
    background-color: #121212;
    font-size: 18px;
}

#content {
    margin: auto;
    max-width: 720px;
}

.indented {
	max-width: 640px;
	margin: 3em auto;
}

p {
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.5;
    margin-bottom: .75rem;
    margin-top: .75rem;
    letter-spacing: -0.65;   
}

h2, p {
	font-family: 'Karla', sans-serif;
	font-weight: 400;
	color: #fefefe;
}

p a, h2 a {
    color: inherit;
    text-decoration: none;
    border-bottom: 0.1rem solid;
	border-bottom-color: #ff1649;
    transition: color 0.2s, background 0.2s, border 0.2s;
}

h2 {
    font-weight: 300;
    font-size: 1rem;
    letter-spacing: -0.5;
}

h2 a {
	border-bottom: none;
}

p a:hover {
	border-bottom-color: #fefefe;
}

p a:active {
	border-bottom-color: #fefefe;
}



/* mobile */

@media (max-width:720px) {
    html {
        font-size: 17.5px;
    }
    #content {
        margin: 16px;
    }
}