/*Global styles*/
html, body {
    height: 100%
}

body {
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
}

#centerBox {
    margin: 3em;
}

#name {
    color: #fff;
}

.navitem {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 2px;
}

/*This box will sit centered in the page*/

/*Link handling*/
a {
    text-decoration: none;
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.90em;
    letter-spacing: 3px;
    font-weight: 400;
    /*Add a transition*/
    -o-transition:border .15s ease-in;
  	-ms-transition:border .15s ease-in;
  	-moz-transition:border .15s ease-in;
  	-webkit-transition:border .15s ease-in;
  	transition:border .15s ease-in;
}

a:link, a:visited {
    color: rgba(0, 0, 0, 0.6);
}

a:hover {
    cursor: pointer;
	text-decoration: none;
    color: rgba(0, 0, 0, 0.7);
}

a:active {
    cursor:pointer;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.8);
}

a:visited {
	text-decoration: none;
    color: rgba(0, 0, 0, 0.6);
}

.quote {display: none;}