body{
	background-image: url("file:///C:/Users/wakennedy5468/Downloads/thy%20ef.webp");
}

#pagetitle {
	clear: both;
	background-color: yellow;
	color: maroon;
	width: 60%;
	margin-left: 10%;
	margin-top: 5%;
	margin-bottom:5%;
	padding: 10%;
	padding-top: 5%;
	padding-bottom: 5%;
	border-radius: 90px;
	text-align: center;
	font-size: 24pt ;
}

.maincontentcards {
	text-align: center;
	background-color: yellow;
	color: maroon;
	width: 60%;	
	margin-left: 10%;
	margin-top: 5%;
	margin-bottom:5%;
	padding: 10%;
	padding-top: 5%;
	padding-bottom: 5%;
	border-radius: 90px;
	font-size: 24pt ;

}
.maincontentrankings {
	float: left;
	background-color: yellow;
	color: maroon;
	width: 60%;	
	margin-left: 10%;
	margin-top: 5%;
	margin-bottom:5%;
	padding: 10%;
	padding-top: 5%;
	padding-bottom: 5%;
	border-radius: 90px;
	font-size: 24pt ;

}

.buttons {
	background-color: orange;
	width: 12%;
	height: 10vh;
	margin-right:2.25%;
	margin-left:2.25%;
	border-radius: 45px;
	text-align: center;
	font-size: 12pt;
	clear:none;
	float:left;
	text-align: center;
}

.buttonheader{
	width: 85%;
	margin-left: 5%;
	background-color: yellow;
	padding-top: 2.5%;
	padding-bottom: 7.5%;
	padding-right: 5%;
	border-radius: 90px;
	clear: both;
}
.portfoliocontent{
		float: left;
	background-color: yellow;
	color: maroon;
	width: 60%;	
	margin-left: 10%;
	margin-top: 5%;
	margin-bottom:5%;
	padding: 10%;
	padding-top: 5%;
	padding-bottom: 5%;
	border-radius: 90px;
	font-size: 24pt ;
}
.column {
  float: left;
  width: 33.33%;
  padding: 5px;
}

.row::after {
  content: "";
  clear: both;
  display: table;
}


.cardright{
width:40vh;
border-radius: 22.5px;
float: right;
clear: none;
}


.specialcards{
width:33%;
margin-left: 33%;
margin-right: 33%;
border-radius: 22.5px;
}
.homeimage{
margin-left:20%;
width:69%;
margin-right: 33%;
border-radius: 22.5px;
}
.portfolioimage{
margin-left:20%;
width:80%;
height:80%;
margin-right: 10%;
border-radius: 22.5px;
clear: both;
}




a{
text-decoration: none;
padding-top: 15%;
height:100%;
width:100%;
display: block;
text-align: center;
color:maroon;
}

.rankingtext{
text-align: left;
font-size: 24;
clear: none;
float: left;
}
.rankingheader{
font-size: 28;
text-align: center;
}

#backgroundimage{
width: 100%;
height:100vh;	
}