/* BOX SIZING */

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*, *:before, *:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

/* GENERAL */

img {
	max-width: 100%;
	height: auto;
}

figure {
	margin: 0;
}

h1, h2, h3 {
	margin: 0;
}

body {
	margin: 0;
	font-family: 'Antic', sans-serif;
	color: #25283D;
}

.abhaya {
	font-family: 'Abhaya Libre', serif;
}

.clicker {
	font-family: 'Clicker Script', cursive;
}

.bold {
	font-weight: bold;
}

.unlink {
	color: #25283D;
}


nav {
	height: 100vh;
	width: 200px;
	position: fixed;
	padding: 20px;

}

.navlink {
	display: block;
	padding: 7px;
	text-decoration: none;
	color: #25283D;
	font-size: 15px;
}

.container {
	position: absolute;
	top: 0;
	right: 0;
	width: calc(100vw - 200px);
	display: grid;
	grid-template-columns: repeat(10, [col] 1fr);
}

.leftside {
	grid-column: col 4 / span 2;
}

.rightside {
	justify-self: end;
	grid-column: col 6 / span 2;

}

.centeredhead {
	text-align: center;
	grid-column: span 10;
	margin: 25px;
}

.lefthead {
	grid-column: span 10;
	margin: 25px;
}

.bodytext {
	grid-column: col 2 / span 8;
}

.bodytext-left {
	grid-column: col 2 / span 5;
}

.img-right {
	grid-column: col 7 / span 3;
}

.img-left {
	grid-column: col 1 / span 3;
}

.biodetails {
	grid-column: col 5 / span 6;
}

.fullspan {
	grid-column: col 1 / span 9;
}

.leftspan {
	grid-column: span 7;
	padding: 25px;
}
.rightspan {
	grid-column: span 3;
	padding: 25px;
	padding-right: 85px;
}

.centerspan {
	grid-column: col 3 / span 6;
}