#navbar ul {
	display:flex;
	list-style:none;
	text-indent: 50px;

	font-variant: small-caps;
	text-decoration: none;
	text-align: center;
	margin-top:-30px;
	margin-right:-50px;
	margin-left:-50px;
	padding: 10px;

	border-style: dotted;
	border-width: 3px;
	border-color: #6A501E;
	padding-left: 280px;
	color: #6a501e;
	background-color: #bbd2a8;
	
}

#navbar ul a {
	text-decoration: none;	
	color: #6a501e;
}

#fernwave {
	background-image: url("fernwave.png");
	position: absolute;
	background-size: 100%;
	height: 40%;
	width: 18.5%;
	z-index:1;
	top: 2%;
	left: 22%;
	
	
}

#starsright ul {
	list-style-type: none;
	font-size: 40px;
	line-height: 120px;
	color: #f3f4e8;
	position: absolute;
	right: 2.5%;
	top: 1%;
}

#starsleft ul {
	list-style-type: none;
	font-size: 40px;
	line-height: 120px;
	color: #f3f4e8;
	position: absolute;
	left: 6%;
	top: 1%;
	z-index: 3;
}


h1 {
	text-align: center;
	font-size: 70px;
	font-variant: small-caps;
	font-weight: bold;
	color: #2a4a59;
	background-color: #5e979b;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-left: 10%;
	margin-right: 10%;
	padding-top: 10px;
	padding-bottom: 15px;
	padding-left:2%;
	padding-right:2%;

	border-style: dotted;
	border-width: 4px;
	border-color: #2a4a59;
	border-radius: 15px;
	background-image: url("h1bg.jpeg");
	background-size: 100%;
	background-position-y: 20%;

	z-index: 3;
}

h2 {
	text-align: center;
	background-color: #bbd2a8;
	letter-spacing: 0.1em;
	line-height: 80%;
	padding-bottom: 2%;
	padding-top: 2%;
	border-radius: 5px;
}

h3 {
	font-size: 28px;
	text-align: center;
	background-color: #bbd2a8;
	margin-top: 5%;
	margin-bottom: 5%;
	color: #6A501E;
}

body {
	font-size: 20px;
	color: #2a4a59;
	background-image: url("bgimage.jpeg");
	margin: 50px;
	
	z-index:3;
}

#bgplant {
	background-image: url("bgplant.png");
	background-size: 100%;
	height: 60%;
	width: 27%;
	position: absolute;
	top: 40%;
	left: -3%;
	z-index:2;
	position: fixed;
}

#button {
	float: right;
	position: absolute;
	left:19%;
	top: 27%;
}

#buttontext p {
	font-size: 15px;
	text-align: center;
	font-family: monoline;
	background-color: #f3f4e8;
	color: #6A501E;

	margin-top: 0%;
	padding-top: 1%;
	padding-bottom: 1%;
	border-radius: 3px;
}

#centersection {
	background-color: #e9ecd2;
	margin-left: 28%;
	margin-right: 28%;
	padding-left: 1%;
	padding-right: 1%;
	padding-bottom: 2px;
	padding-top: 2px;

	position: absolute;

	border-style: dotted;
	border-color:#6A501E;
	border-width: 3px;
	border-radius: 25px;

}

.box {
	text-align: center;
	background-color: #f3f4e8;
	color: #6A501E;
	margin-right: 80px;
	margin-left: 80px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 25px;
}

#sidebox {
	background-color: #e9ecd2;
	padding-left:9px;
	padding-right: 7px;
	border-radius: 8px;
	border-style: dotted;
	border-color:#6A501E;
	border-width: 3px;
	width: 11%;
	height: 25%;
	position: absolute;

	top: 36%;
	left: 18%;
}

#sideboxtext {
	margin-right: 9px;
	margin-top: -7%;
	
}

#sideboxtext a {
	color: #6A501E;
}

#sideboxtext h3 {
	size: 13;
}
	


#sideboxtext p {
	line-height: 12px;
	font-size: 13.5px;
	color: #6A501E;
	font-family: monospace;
	margin-right: 8px;
}

.log-scrollbar {
	overflow: scroll;
	overflow-y:scroll;
	overflow-x:hidden;
	height: 120px;
	scrollbar-width: thin;
	scrollbar-color: #6A501E #bbd2a8;

}

#profile {
	background-color: #f7e9c9;
	padding-left:9px;
	padding-right: 7px;
	border-radius: 8px;
	border-style: dotted;
	border-color:#6A501E;
	border-width: 3px;
	width: 19%;
	height: 50%;
	position: absolute;
	top: 16%;
	right: 7%;
}


#profiletext {
	margin-right: 3.8%;
	position: absolute;
	line-height: 14px;
	font-size: 14px;
	color: #6A501E;
	font-family: monospace;

	margin-right: 7%;
	margin-top: 27%;
}

#profile h3 {
	font-size: 300%;
	font-variant: small-caps;
	background-color: #d49e5d;
	margin-left: 20%;
	margin-right: 20%;
	padding-left: 2%;
	padding-right: 2%;
	border-radius: 6px;
	border-style: dashed;
	border-color: #6A501E;
	border-width: 3px;
	letter-spacing: 2px;
	position: absolute;
}

.profile-scrollbar {
	overflow: scroll;
	overflow-y:scroll;
	overflow-x:hidden;
	height: 300px;
	scrollbar-width: thin;
	scrollbar-color: #d49e5d #d49e5d;
}


#portraitbox img {
	position: absolute;
	top: 40%;
	width: 28%;
	right: 0%;
	z-index:1;	
}


#todolist {
	background-color: #f7e9c9;
	padding-left:9px;
	padding-right: 7px;
	border-radius: 8px;
	border-style: dotted;
	border-color:#6A501E;
	border-width: 3px;
	width: 11%;
	height:25%;
	position: absolute;
	z-index: 3;
	top: 63%;
	left: 18%;
}

#todolisttext {
	margin-right: 9px;
	
	top: 20%;
}

#todolist h3 {
	size: 13px;
	color: #6A501E;
	background-color: #d49e5d;
}
	


#todolisttext ul {
	line-height: 16px;
	font-size: 14px;
	color: #6A501E;
	font-family: monospace;
	margin-right: 8px;
	margin-top: 1%;
}

.todo-scrollbar {
	overflow: scroll;
	overflow-y:scroll;
	overflow-x:hidden;
	height: 120px;
	scrollbar-width: thin;
	scrollbar-color: #6A501E #d49e5d;

}