html { height: 100%;
width: 100%;
}
body {
background: skyblue;
width:100%;
height: 100%;
}
#container {
width: 70%;
height: 100%;
background-color: skyblue;
margin-left:25%;
float: center;
}
#header {
background-color: purple;
font-size:30px;
color:yellow;
text-align:center;
position: relative;
width: 70%;
height:80px;
float: center;
padding-top:5%;
margin-top:5%;
}
.header
{
font-size:10px;
}
#content {
width:50%;
height: 100%;
background-color: skyblue;
color:darkblue;
float:left;
text-align:center;
padding-top:10px;
font-size:20px;
margin-top:0%;
}
#sidebar {
font-size: 20px;
text-align: left;
color: darkblue;
background-color: skyblue;
width: 50%;
height:100%;
float:left;
padding-top:0px;
margin-top:0%;
display:block;
}
#h {
text-align:center;
}
#footer {
font-size: 14px;
text-align:center;
background-color: purple;
position: absolute;
width: 740px;
float: center;
}
a
{
text-decoration:none;
color:blue;
}
a:hover
{
color:red;
}