.first-color { 
	background: #f2f2f2; 
}
	
.second-color { 
	background: #ebd5d5; 
}

.third-color { 
	background: #ea8a8a; 
}

.fourth-color { 
	background: #685454; 
}

.text{
	margin-left: 5%;
	margin-right: 5%;
}

body,html{
	margin:0;
	padding:0;
}

h1,h2,h3,h5,h6{
	text-align: center;
	padding-bottom:0;
	margin-bottom:0;
}

.vr {
	height:100%;
	width: 1%;
	background: black;
}

.top-button-first:hover,.top-button:hover{
	text-shadow:0px 0px 1px black;
}


.top-button,.top-button-first {
	text-align: center;
	padding-left: 4%;
	padding-right: 4%;
	border: 1px;
	height:100%;
	display: inline-block;
	text-decoration:none;
	color: black;
	font-size: 1.2em;
}
.top-button{
	border-color: black;
	border-style: none none none solid;
}


.top-bar{
	width: 100%;
	text-align: center;
}

hr {
	background-color:  black;
	height: 2px;
	border: none;
	opacity: 0.2;
}

.content{
	width: 80%;
	margin-left: 5%;
	margin-right: 5%;
	padding-bottom: 1%;
	padding-left: 5%;
	padding-right: 5%;
	background: #f2f2f2; 
	height: 100%;
}