@charset "utf-8";

html,body {
    width : 100%;
    background-color : rgba( 255 , 250 , 239 , 1 );
}

h1{
  color : rgba( 232 , 1 , 14 , 1 );
  font-weight : bold;
  font-size : 35px;
  padding : 30px;
}

h2{
  font-size : 14px;
}

h3{
  color : rgba( 232 , 1 , 14 , 1 );
  font-weight : bold;
  font-size : 23px;
}

h4{
  font-weight : bold;
  font-size : 23px;
}

a{
  color : rgba( 232 , 1 , 14 , 1 );
  text-decoration: none;
}

a:hover {
  text-decoration:none;
  color:#FFFFFF;
}

ul{
  width : 900px;
  margin : auto;
}

li {
  display: inline-block;
  text-align : center;
  width: 12%;
  padding : 15px;
}

#header{
  background-color: rgba( 255 , 225 , 90 , 1 );
	width : 100%;
  position : relative;
	top : 0;
  color : #ef857d;
  text-align : center;
}

.contentsBox {
  background-color: rgba( 255 , 255 , 255 , 1 );
	width : 900px;
  margin : 30px auto;
  padding : 10px;
  color : #000000;
  border: solid 1px rgba( 204 , 213 , 212 , 1 );
  padding : 10px;
}

footer{
	height : 25px;
	width : 100%;
  background-color: rgba( 255 , 225 , 90 , 1 );
  color : rgba( 232 , 1 , 14 , 1 );
	position : fixed;
	bottom : 0;
	text-align : center;
}