/*For Computer Page CSS for Riverleaves website
Designed by Courtney Lambert, formerly Riojas
Updated: 06/020/2023
*/

div.compnav {
	text-align: center;
	justify-items: center;
	width: 50%;
	margin-left: 25%;
	margin-right: 25%;
	display: block;
	align-items: center;
	border: 1px solid white;
	/*background-color: hsla(15, 63%, 26%, 0.3);*/
}

div.compnavcolor {
	text-align: center;
	justify-items: center;
	width: 50%;
	margin-left: 25%;
	margin-right: 25%;
	display: block;
	align-items: center;
	border: 1px solid white;
	background-color: hsla(15, 63%, 26%, 0.3);
}


p.complinks {
	display: table;
	margin-left: 5px;
	padding: 0px;

}

div.compcontent {
	justify-items: center;
	word-wrap: break-word; /* Causes words/text to wrap within the borders */
	width: 50%;
	margin-left: 25%;
	margin-right: 25%;
	display: block;
	align-items: center;
	border: 1px solid white;
	/*background-color: hsla(15, 63%, 26%, 0.3);*/
}

div.compcontentcolor {
	justify-items: center;
	word-wrap: break-word; /* Causes words/text to wrap within the borders */
	width: 50%;
	margin-left: 25%;
	margin-right: 25%;
	display: block;
	align-items: center;
	border: 1px solid white;
	background-color: hsla(15, 63%, 26%, 0.3);
}

div h3 {
	text-align: left;
	padding: 1%;
}

div b {
	padding: 1%;
}


li {
	list-style-position: inside;
	padding: 1%;
}

aside {
	text-align: center;
	width: 50%;
	margin-left: 25%;
	margin-right: 25%;
	display: block;
}

a{
	text-decoration: none;
}

/*for the button */
#toTop {
	display: yes;
	position: fixed;
	bottom: 20px; 
	right: 30px; 
	z-index: 99;
	border: none;
	outline: none;
	background-color: #AA421D;
	border: 3px solid #AA421D;
	color: white;
	cursor: pointer; 
	padding: 15px;
	border-radius: 10px;
	font-size: 18px;
}

#toTop:hover {
	background-color: #555;
	border: 3px outset grey;
}