/* 
CUSTOM STYLESHEET 
Add all custom styles here, provided is an example from a previous feature
but feel free to delete everything and use your creativity
*/
@import url('https://fonts.googleapis.com/css?family=Courgette|Gochi+Hand|Kalam|Rancho|Schoolbell|Sriracha&display=swap');
@font-face {
    font-family: gill-sans-bold;
    src: url(../media/GillSans-Bold.otf)
}


.cover{
	height: 100vh;
	color: whitesmoke;
	font-family: 'Neucha';
	display: flex;
	align-items: center; 
}

#img-title{
	width: 100%;
}

#author{
	position: absolute;
	bottom: 0;
	padding-bottom: 20px;
	left: 38%;
	color: rgb(82, 111, 123);
	font-style: bold;
	font-size: 24px;
}

.innerwrap{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 auto;
}
#page1, #page2{
	width: 100vh;
	max-width: 100%;
}

@media (max-width: 765px) {
    .cover {
        height: 100vh;
    }
    .innerwrap{
    	margin-top: 50vh;
    }
}