body{
	background-color: #808080ba;
	margin-left: 5%;
	margin-right: 5%;
}

header{
	background-color: yellow;
	padding: 5px;
}

.logo{
	width: 5%;
}

nav{
	text-align: right;
}

nav a{
	color: #00804be6;
	font-size: 30px;
	text-decoration: initial;
	text-transform: capitalize;
	margin-right: 1%;
}

a:hover{
	color: #800080;
}

.message{
	color: #800080;
	font-size: 35px;
}

.left{
	background-color: #9c27b0cc;
	color: white;
	box-sizing: border-box;
	width: 33%;
	display: inline-block;
	height: 200px;
	margin: 5px;
	border: 20px solid #00000091;
	padding: 15px;
	margin: 0 auto;
	margin-top: 50px;
}

.left a{
	color: white;
	text-align: center;
}

.left a:hover{
	color: yellow;
}

.center {
	background-color: #9c27b0cc;
	color: white;
	box-sizing: border-box;
	width: 33%;
	display: inline-block;
	height: 200px;
	margin: 5px;
	border: 20px solid #00000091;
	padding: 15px;
	margin: 0 auto;
	margin-top: 50px;
}

.center a{
	color: white;
	text-align: center;
}

.center a:hover{
	color: yellow;
}


.right{
	background-color: #9c27b0cc;
	color: white;
	box-sizing: border-box;
	width: 33%;
	display: inline-block;
	height: 200px;
	margin: 5px;
	border: 20px solid #00000091;
	padding: 15px;
	margin: 0 auto;
	margin-top: 50px;
}

.right a{
	color: white;
	text-align: center;
}

.right a:hover{
	color: yellow;
}