@charset "UTF-8";
/* CSS Document */

.toppage{
	background-color:orange;
	width: 100%;
	position: fixed;
	top: 0px;
	left:5px;
	padding: 5px;
	color: white;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-weight:normal;
}
.header{
	margin-bottom: 5px

}
.list{
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	list-style-type: none;
	display: inline-block;
	padding-left: 550px;
	padding-bottom: 0px;
	font-weight:400;
	margin-top: 0px;
	
}
li{
	display: inline-block;
	font-size: 16px;
	font-style: normal;
	padding-left:30px;
	padding-top: 0px
}
.week1{
	text-decoration: none;
	color: white
	
}
.week2{
	text-decoration: none;
	color: white
}
.week3{
	text-decoration: none;
	color: white
}
.week4{
	text-decoration: none;
	color: white
}
.banner{
	height: 200px;
	background-size:cover;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../../coding/week-3/images/IMG_1957.jpeg);
	margin-top:100px;
	margin-left: 0px;
}
p{
	padding-top: 100px;
	text-transform:uppercase;
	text-align: center;
	font-size: 50px;
	font-weight:500;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"
}
.learn{
	background-color:lightgreen;
	float: left;
	margin-right: 400px;
	margin-left: 50px;
	margin-top: 50px;
	height: 300px;
	width: 500px;
	padding: 10px;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"

}
.title{
	padding-right: 250px
}

.bigbang{
	margin-right:100px;
	height:200px;
	width: 200px;
	float:right;
	margin-top: -300px
	
}
.atom{
	margin-left: 600px;
	margin-right:100px;
	height:200px;
	width: 200px;
	float: right;
}
.email{
	color: orange
}
.footer{
	display: inline-block
}