html, body {
height: 100%;
}
body {
display: flex;
text-align: center;
flex-flow: column wrap;
}
main {
margin: auto;
flex: 8 0;
}
img {
max-width: 100%;
}
/* Homepage */
.intro > h1 {
color: #212121;
font-size: 12vh;
}
.intro > h2 {
color: #757575;
font-size: 3vmin;
}
/* Page content */
.content {
padding-top: 20px;
}
/* Profile picture */
.profile {
width: 10vh;
height: 10vh;
border-radius: 50%;
}
/* Colored links */
a:link, a:visited {
color: var(--accent);
}
a.icon:hover {
text-decoration: none;
}
a:hover {
color: var(--accent) !important;
}
/* Copyright message */
.copyright {
margin: 15px 0;
}
/* Paginator */
.pages {
padding: 15px 0;
}
.pages-icon {
padding: 0 15px;
}
/* List item for posts/projects */
.item {
padding: 10px 0;
}
.item-tag {
background-color: var(--accent);
}
/* Navigation */
.navbar-icon {
font-size: 125%;
display: inline-block !important;
}
nav{
flex: 1 0 auto;
}
/* Colored borders at top/bottom of page */
.navbar.navbar-default {
border-bottom: var(--border-width) solid var(--accent);
}
footer {
flex: 1 0 auto;
border-top: var(--border-width) solid var(--accent);
}
/* helpers */
.right {
text-align: right;
float: right;
}
.left {
text-align: left;
float: left;
}