@charset "utf-8";



body {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1em;
	background-color: #BF755A;
}


header {
	text-align: center;
    padding-top: 50px;
	background-color: #8C2034;
    -webkit-box-shadow: 0px 0px;
    box-shadow: 0px 0px;
	padding: 30px;
}

h1 {
	font-size: 30px;
	color: #141726;
}

h2 {
	font-size: 30px;
	color: #73102A;
}

ul {
	list-style-type: none;
}

li {
	font-size: 20px;
    padding-bottom: 30px;
}

#about {
	background-color: #F2D6B3;
    -webkit-box-shadow: 0px 0px;
    box-shadow: 0px 0px;
	padding: 30px;
}

#majorprojectsection {
	background-color: #D9D1D0;
    -webkit-box-shadow: 0px 0px;
    box-shadow: 0px 0px;
	padding: 30px;
}

#assignmentsection {
	background-color: #A6A6A6;
    -webkit-box-shadow: 0px 0px;
    box-shadow: 0px 0px;
	padding: 30px;
}




@media only screen and (min-width: 400px) {
	
	#container {
		width: 360px;
		display: flex;
		flex-direction: column;
		text-align: center;
		padding: 20px;
	}
	
	
	
	
@media only screen and (min-width: 700px) {
	
	#container {
		width: 600px;
		margin: auto;
	}
	
}
	

@media only screen and (min-width: 1000px) {
	
	#container {
		width: 800px;
		margin: auto;
	}
	
}