/*
CA1 assignment
buisness website for sports enthusiasts

Author:li dechen
Date: 6 May
HP:98808096
Email:lidechen0002@gmail.com
*/

/*validation styles*/
input:focus,select:focus,textarea:focus{
    background-color: rgb(220,255,220);
 }



 /*html and  body styles*/

 html{
    background-image:url(bg2.jpg);

}

form#details{
   background-color:rgb(195, 190, 207);
   opacity: 0.9;
  
 
   font-size:0.85em;
   padding:10px;
   margin:10px;
   resize:horizontal;
   max-width:23.4cm;
   position: relative;
   left:4.25cm;
   top: 0.6cm;
   border-style: groove;
   border-width: 2px;
   border-color: rgb(83, 3, 3);
   max-width: 881px;
}

input[type=text],select,textarea{
   width:100%;
   padding:12px;
   border:1px solid #ccc;
   border-radius:2px;
   box-sizing:border-box;
   margin-top:6px;
   margin-bottom:16px;
   resize: vertical;
}
input[type=tel],select,textarea{
   width:100%;
   padding:12px;
   border:1px solid #ccc;
   border-radius:2px;
   box-sizing:border-box;
   margin-top:6px;
   margin-bottom:16px;
   resize: vertical;
}
input[type=date],select,textarea{
   width:100%;
   padding:12px;
   border:1px solid #ccc;
   border-radius:2px;
   box-sizing:border-box;
   margin-top:6px;
   margin-bottom:16px;
   resize: vertical;
}
body>footer{
	color:rgb(250, 246, 246);
	background-color:rgb(8,8,8);
	position: relative;
	bottom:-0.1em;
	left:4.5cm;
	max-width:905px;

}
html {
   background: url(bg2.jpg) center center fixed ;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
}
 /*Form layout styles*/
 /*header style*/

/*navigation list styles*/
header nav ul li{
	font-size:1cm;

	float:left;
	display:block;
	position: relative;
	bottom:0.6cm;
	left:3.45cm;
	width: 7.88cm;
	background-color: rgb(74, 74, 88);
	color: rgb(243, 242, 242);
	border-color:rgb(8,8,8);
	border-width:2px;
	border-style: groove;
	opacity: 0.8;



}
header nav ul li a{
	display:block;
	color: rgb(8,8,8);

	text-align: center;

}
header>img#logo{
	position: relative;
	left:4.54cm;
	border-style: double;
	border-width:2px;
	border-color: rgb(8,8,8);

	
}