html, body {
margin:0px;
padding:0px;
}
#navigation ul {
list-style: none;
display: block;
padding: 40px;
margin: 0px;
background-color: #fff;
color: #fff;
border: 1px solid #ddd;
}
#navigation ul li {
float:left;
width: 20%;
padding:0px;
margin-top:-8px;
}
a:link, a:visited {
color:#000;
text-decoration: none;
}
.login {
display: block;
margin: 39px;
}
input, p, h1 {
padding: 10px;
margin: 10px;
display: block;
}
h1 {
margin-left: 33px;
}
#header {
margin-top: 30px;
}
#footer {
background-color: #fff;
height: 300px;
color: #000;
border: 1px solid #ddd;
}
#login {
height: 300px;
}
.test {
color: blue;
font-weight: bold;
}
footer > div {
margin-top:33px;
margin: 60px;
width: 30%;
}
#copyright {
display:block;
clear:left;s
}
ul {
list-style:none;
}
li, ul {
padding: 0px;
margin-left: 0px;
}
li {
padding: 10px;
}
/* Hamburger CSS menu animation */
#hamburger {
background-color: white;
padding: 0px;
float: right;
margin-top: 26px;
margin-right: 20px;
height: 40px;
width: 40px;
overflow: hidden;
position: absolute;
top: 0px;
right: 0;
}
#menu-out {
width: 200px;
height: 0;
cursor: pointer;
transition: height 0.5s ease;
position: absolute;
overflow: hidden;
}
.menu-shown {
height: 400px !important;
width: 200px !important;
top: 43px;
right: 0;
top: 65px;
z-index: 2;
float: right;
margin-right: 0px;
border: 1px solid #ddd;
display: block;
}
.menu-shown li {
border-bottom: 1px solid #ddd;
}
#close {
cursor:pointer;
width:30px;
height: 30px;
font-size:38px;
}