.mainbox {
	max-width: 1000px;
	margin: 10px auto;
	display: grid;
	grid-gap: 15px;
	grid-template-columns: 200px minmax(0, 1fr);
}

header {
	grid-row: 1 / 2;
	grid-column: 1 / 3;
	border-radius: 5px;
	background: linear-gradient(0deg, rgb(96, 185, 166) 0%, rgba(232, 252, 202, 1) 100%);
}

nav {
	grid-row: 2 / 3;
	grid-column: 1 / 2;
	height: max-content;
	border-radius: 10px;
}

main {
	grid-row: 2 / 3;
	grid-column: 2 / 3;
	height: max-content;
	background-color: aliceblue;
	border-radius: 10px;
	text-align: center;
	background: linear-gradient(0deg, rgb(96, 185, 166) 0%, rgba(232, 252, 202, 1) 100%);
}

footer {
	grid-row: 3 / 4;
	grid-column: 1 / 3;
	background-color: aliceblue;
	border-radius: 10px;
	text-align: center;
	background: linear-gradient(0deg, rgb(96, 185, 166) 0%, rgba(232, 252, 202, 1) 100%);
	font-family: monospace;
	color: darkgreen;
	padding-top: 5px;
	padding-bottom: 5px;
}

body {
	background-color: rgb(96, 185, 166);
	background-attachment: fixed;
	background-image: url("http://dl3.glitter-graphics.net/pub/3770/3770813pfuwr3lipj.gif");
	background-repeat: repeat;
}

h1 {
	font-size: 300%;
	color: darkgreen;
}

.saya {
	height: 150px;
	width: 150px;
	margin: 14px 25px 14px 25px;
	border-radius: 50px;
}

p {
	text-align: center;
	font-family: monospace;
	color: rgb(32, 52, 48);
}

.mid {
	border-radius: 10px;
	display: block;
	color: rgb(96, 185, 166);
	text-decoration: none;
	border: 1px solid rgb(96, 185, 166);
	max-width: 500px;
	margin: 50px 10px 50px 20px;
	font-family: monospace;
	background-color: aliceblue;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
}

.navtitle {
	font-family: monospace;
	text-align: center;
	font-size: 25px;
	color: darkgreen;
	margin-top: 5px;
	border-radius: 10px;
	padding: 3px;
	background: linear-gradient(0deg, rgb(96, 185, 166) 0%, rgba(232, 252, 202, 1) 100%);
}

#butter {
	margin: -5px 10px 10px 10px;
	width: 153px;
	height: 153px;
}