@charset "UTF-8";
/* CSS Document */

body {
	overflow:hidden;
	background-color:#831773;
}

#logo {
	width:66vw;
	height:78vh;
	margin-left:-1vw;
	margin-top:-2vh;
	float:left;
	color:#831773;
	background-image:url("../images/border.png");
	background-size:2.5%;
	background-position:center center;
}
#logo-box {
	width:65vw;
	height:34vh;
	min-height:270px;
	text-align:center;
	position:fixed;
    top:-24vh;
    bottom:40vh;
	left:-1vw;
	right:34vw;
    margin:auto;
	background-color:white;
}
#logo img {
	height:34vw;
	min-height:222px;
	max-height:262px;
	margin-bottom:-4vw;
	background-color:white;
}
#logo h1 {
	font-family:signika;
	font-weight:300;
	font-size:18pt;
	width:65vw;
	position:fixed;
	left:-1vw;
	right:34vw;
	margin:auto;
	padding-bottom:2.5vw;
	background-color:white;
}
#logo #picture {
	background-image:url("../images/eloisebakerphoto.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:50% 50%;
	width:66vw;
	height:38vh;
	position:fixed;
	margin-top:40vh;
	left:-1vw;
	right:34vw;
}

#description {
	width:67vw;
	height:24vh;
	margin-left:-2vw;
	float:left;
	background-color:#831773;
	color:white;
	text-align:center;
	line-height:20vh;
}
#description h2 {
	font-size:2vw;
	font-family:signika;
	font-weight:200;
}

nav {
	width:35vw;
	height:100vh;
	min-height:500px;
	top:0;
	right:0;
	position:fixed;
	float:right;
	background-image:url("../images/bg.png");
	background-size:25%;
	background-position:center center;
}
nav .link {
	width:27vw;
	height:38vh;
	margin:auto;
	margin-top:9vh;
	background-color:white;
	text-align:center;
	line-height:39vh;
}
nav .link a {
	color:#831773;
	text-decoration:none;
	font-size:2.5vw;
	font-family:fantasque;
	font-weight:200;
	background-image: linear-gradient(white 50%, #831773 50%);
	background-size: 0% 0.2em;
	background-position-y: 100%;
	background-repeat: no-repeat;
	transition: background-size 0.2s ease-in;
}
nav .link a:hover {
	background-size: 100% 0.2em;
}