pages/css/main.css

nav {
    text-align: center;
    color: #fff;
    width: 90%;
    max-width: 900px;
    margin: auto;
}

nav a, nav a:visited {
    color: #fff;
    font-weight: normal;
}

nav ul, footer ul {
    padding: 0;
    display: inline;
    font-weight: bold;
    list-style: none;
    text-align: center;
}

nav ul li, footer ul li {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    padding-right: 8px;
    padding-left: 8px;
}

.inline {
    list-style: none;
    text-align: center;
    display: inline;
    font-weight: bold;
}

.inline li {
    display: inline-block;
    padding-right: 8px;
    padding-left: 8px;
}

footer {
    font-size: .8em;
    width: 90%;
    max-width: 900px;
    margin: auto;
    margin-top: 20px;
    padding-bottom: 10px;
}

a, a:visited {
    color: teal;
    text-decoration: none;
}

a:hover, a:focus, a:active {
    color: turquoise !important;
    outline: 0;
}

html {
    width:100%;
    height: 100%;
    background-color: #eee;
}

body {
    background: transparent;
    margin: 0;
    padding: 0;
}

.home {
  height: 64px;
  max-width: 64px;
  position: absolute;
  top: 16px;
  left: 50%;
  margin-left: -32px;
  transition: all .2s ease-in-out;
}

.home:hover {
  transform: scale(2);
}

.head {
    background: #ccc;
    background: linear-gradient(to bottom right, teal, turquoise);
    padding: 20px;
    padding-bottom: 90px;
    margin-bottom: -100px;
    text-align: center;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.head h1 {
    color: #fff;
    font-size: 2em;
    width: 90%;
    max-width: 900px;
    margin: auto;
    margin-top: 80px;
    border-bottom: 1px solid;
}

h1 {
    cursor: pointer;
}

.card {
    background: #fff;
    border-radius: 2px;
    width: 90%;
    max-width: 940px;
    margin: auto;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    padding: 20px;
}

.cite {
    width: 90%;
    max-width: 940px;
    margin: auto;
    position: relative;
}

.card, .cite {
    margin-top: 20px;
}

.cite .card {
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    width: 100%;
    margin-left: -20px;
}

.card:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

table {
    margin: auto;
}

img {
    margin: auto;
    display: block;
}

.collection {
	border-radius:2px;
	overflow:hidden;
	position:relative
}

.collection .collection-item {
	background-color:#fff;
	line-height:1.5rem;
	padding:10px 20px;
	margin:0;
	border-bottom:1px solid #e0e0e0
}

.collection .collection-item:last-child {
	border-bottom:none
}

.collection a.collection-item {
	display:block;
	transition:.25s;
	color:#26a69a
}

.collection a.collection-item:not(.active):hover {
	background-color:#ddd
}