body {
    font-family: 'Roboto', 'Helvetica', sans-serif;
    font-weight: 300;
    background: #F0F0F0;
	background: white;
}

header {
    width: 36.5em;
    top: 0em;
    margin-left: auto;
    margin-right: auto;
}

header h1 {
    font-size: 5em;
    font-family: 'Roboto Slab', serif;
    margin-top: 0em;
    margin-bottom: 0em;
    -webkit-transform: scale(1, 1.3);
    color: rgb(228, 198, 225); /* the pink of the queen's dress */
    color: rgb(208, 158, 205); /* the pink outline of the queen's dress */
    color: rgb(214, 98, 98);
	color: #02C9C6;
}

nav {
	position: fixed;
	left: 0;
    font-size: 3em;
}

.frontpage nav {
	position: relative;
    margin-top: -0.5em;
    font-size: 3em;
}

nav a {
	text-decoration: none;
    color: rgb(214, 98, 98);
	color: #02C9C6;
}

nav a:focus {
	outline: rgb(214, 98, 98) solid 2px;
}

nav li:hover {
    font-weight: bold;
}

nav li:hover:before {
	content: url('crown3.png');
}

nav ul {
    list-style-type: none;
    margin-left: -0.75em;
}

nav ul li {
	min-height: 1.5em;
}
            
div#container {
	width: 36.5em;
	height: 32em;
	margin-left: auto;
	margin-right: auto;
}

div#page {
	float: right;
	/*background-image: url("queen.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position-x: 100%;*/
   }

div#container img {
	float: right;
	max-height: 100%;
	max-width: 100%;
	margin-top: -3em;

}