/*
This is a Cascading Style Sheet (CSS).
It describes rules for styling your HTML markup.
To use this file, place the following tag anywhere in the of your HTML file, making sure that the filename after "href" matches the name of your file....
Learn more about CSS at https://developer.mozilla.org/en-US/docs/Web/Guide/CSS
When you're done, you can delete all of this grey text, it's just a comment.
*/
/* Fonts from Google Fonts - more at https://fonts.google.com */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Merriweather:400,700');
body {
margin: 3vims;
}
#canvas{
width:100vmin;
height:100vmin;
margin: 0 auto;
position:relative;
background-color:#323b86;
}
#color1{
width:10%;
height:100%;
margin: 0 auto;
left:20%;
position:absolute;
background-color:#14183e;
}
#color2{
width:10%;
height:100%;
margin: 0 auto;
left:30%;
position:absolute;
background-color:#203756;
}
#color3{
width:10%;
height:100%;
margin: 0 auto;
left:40%;
position:absolute;
background-color:#ecd08f;
}
#color4{
width:10%;
height:100%;
margin: 0 auto;
left:50%;
position:absolute;
background-color:#1a1f47;
}
#color5{
width:10%;
height:100%;
margin: 0 auto;
left:60%;
position:absolute;
background-color:#ea956c;
}
#color6{
width:10%;
height:100%;
margin: 0 auto;
left:70%;
position:absolute;
background-color:#7a5a69;
}
#color7{
width:10%;
height:100%;
margin: 0 auto;
left:80%;
position:absolute;
background-color:#1d2452;
}
#color8{
width:10%;
height:100%;
margin: 0 auto;
left:90%;
position:absolute;
background-color:#2a4065;
}