html,body {
    height:100%;
    color:#FFF;

}
h1,h2 {
    padding : 1px;
}
h3{
    padding-left: 1px;
}

span {
    color: blue;
   }
header {
    color:#333;
    border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    display:block;
    background: #faa977 ;
    padding:5px;
    margin-bottom: 10px;
    width: 40%;
}
section {

    margin-bottom:5px;
    border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    width: 40%;
    background:  #33c1d5;
    float: left;
    overflow: auto;
    padding: 5px;


}

aside {
    background: rgba(135,160,14,1);
    background: -moz-linear-gradient(top, rgba(135,160,14,1) 0%, rgba(181,193,118,0.84) 51%, rgba(181,193,118,0.69) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(135,160,14,1)), color-stop(51%, rgba(181,193,118,0.84)), color-stop(100%, rgba(181,193,118,0.69)));
    background: -webkit-linear-gradient(top, rgba(135,160,14,1) 0%, rgba(181,193,118,0.84) 51%, rgba(181,193,118,0.69) 100%);
    background: -o-linear-gradient(top, rgba(135,160,14,1) 0%, rgba(181,193,118,0.84) 51%, rgba(181,193,118,0.69) 100%);
    background: -ms-linear-gradient(top, rgba(135,160,14,1) 0%, rgba(181,193,118,0.84) 51%, rgba(181,193,118,0.69) 100%);
    background: linear-gradient(to bottom, rgba(135,160,14,1) 0%, rgba(181,193,118,0.84) 51%, rgba(181,193,118,0.69) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87a00e', endColorstr='#b5c176', GradientType=0 );
    color:#555;
    border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    float: right;
    /*background: #97d5c4;*/
    width: 29%;
}

footer {
    border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    position: relative;
    padding:5px 0px;
    clear: both;
    text-align: center;
    background: #286af0;
    color: #fff;
}
figure {
    display: table; margin: 0 auto;
}
iframe{
   padding: 10px;
    text-align: center;

}
button{
    width: 40px;
    height: 30px;
}
input{
    width: 250px;
}