@charset "utf-8";
/* CSS Document */

main#canvas {width: 45vw; height: 45vw; background-color:#f5ea14}
article {width:35%; height:5%; float: right;}
figure {width:100%; height:7%; float:left; margin-left: .01%; margin-top:.01%;}
header {width: 20%; height: 3%; float: left; margin-top: -3.9%}
footer {width: 65%; height: 15%; float:left; margin-top: -1%}
section.red {width: 26%; height: 7%; float: left; margin-right: 70%}
section.white {width: 74%; height: 7%; float: right; margin-top: -7%}
section.blue {width:65%; height: 20%; float: left;}
section.black {width: 26%; height: 27%; FLOAT: LEFT; margin-right: 30%}
section.blue2 {width: 100%; height: 20%; float: left;}
article.white {height: 78%; width: 50%; float: right; margin-top: -18%}
article.red {float: right;margin-top: 17.5%; width: 80%; height: 12%;}





.yellow {background-color: #f5ea14}
.yellow:hover {background-color:blue}


.blue{background-color:#1293cc}
.blue:hover {background-color:darkgoldenrod}

.blue2{background-color:#1293cc}
.blue2{background-color:darkgoldenrod}

.black{background-color:#000000}
.black:hover {background-color:coral}

.red{background-color:#ec1f26}
.red:hover {background-color:fuchsia}


.white{background-color:#ffffff}
.white:hover{background-color:blue}