@charset "UTF-8";

/* font-family: 'Montserrat', sans-serif; */

header{
	margin:0px;
	padding:0px;
	background-color: rgba(0,0,0,0.80);
	
}

body {
	margin:0px;
	padding:0px;
	background-color: rgba(246,243,243,1.00);
	height:700px;
	background-repeat: no-repeat;
	background-size:cover;
}

a{
	color:rgba(255,255,255,1.00);
	text-align:center;

}

ul {
	margin:0px auto;
	padding: 10px;
	display:flex;
	flex-direction:row;
	justify-content:center;
	list-style-type:none;
	list-style-image:none;
	width:100%;

}

ul li a{
    height: 50px;
    text-decoration: none;
    font-size: 30px;
	padding: 20px;
	color:rgba(244,244,244,1.00);
	font-family: 'Montserrat', sans-serif;
	
}

h1{
	color:rgba(255,255,255,1.00);
	text-align:center;
	font-size: 2.5em;
}


h3{
	text-align:center;
	font-size: 1em;
}

.purple_box {
	background-color: rgba(116,0,95,0.84);
	height: 100%;
	width: 40%;
	position: fixed;
	right: 0%;
	font-family: 'Montserrat', sans-serif;
	font-size: 1.5em;
	color: rgba(245,245,245,1.00);
	padding: 100px 50px 0px 50px;
}

.image{
	background-image: url("../images/football_img.jpg")
	
}

.image-02{
	background-image: url("../images/sshs_school.jpg")
	
}

.image-03{
	background-image: url("../images/football-sshs-02.jpg");
}

.image-04{
	background-image: url("../images/graduation.jpeg")
	
}

.image-05{
	background-image: url("../images/leadership.jpg")
	
}