/*
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;
}
#canvas1{
width:87vmin;
height:100vmin;
margin: 0 auto;
position:relative;
background-color:#000000;
}
#bigcolor1{
width:50%;
height:50%;
margin: 0 auto;
position:absolute;
background-color:#000000;
}
#bigcolor2{
width:50%;
height:50%;
margin: 0 auto;
left:50%;
position:absolute;
background-color:#f9c001;
}
#bigcolor1{
width:50%;
height:50%;
margin: 0 auto;
top:50%;
position:absolute;
background-color:#f9c001;
}
#color1{
width:2.7%;
height:36%;
margin: 0 auto;
top:15%;
left:15%;
position:absolute;
background-color:#f9c001;
}
#color2{
width:2.7%;
height:36%;
margin: 0 auto;
top:15%;
left:20.4%;
position:absolute;
background-color:#f9c001;
}
#color3{
width:2.7%;
height:36%;
margin: 0 auto;
top:15%;
left:25.8%;
position:absolute;
background-color:#f9c001;
}
#color4{
width:2.7%;
height:36%;
margin: 0 auto;
top:15%;
left:31.2%;
position:absolute;
background-color:#f9c001;
}
#color5{
width:2.7%;
height:36%;
margin: 0 auto;
top:15%;
left:36.6%;
position:absolute;
background-color:#f9c001;
}
#color6{
width:2.7%;
height:36%;
margin: 0 auto;
top:15%;
left:42%;
position:absolute;
background-color:#f9c001;
}
#color7{
width:2.7%;
height:36%;
margin: 0 auto;
top:15%;
left:47.4%;
position:absolute;
background-color:#f9c001;
}
#color8{
width:2.7%;
height:36%;
margin: 0 auto;
top:15%;
left:50.1%;
position:absolute;
background-color:#000000;
}
#color9{
width:2.7%;
height:36%;
margin: 0 auto;
top:15%;
left:55.5%;
position:absolute;
background-color:#000000;
}
#color10{
width:2.7%;
height:36%;
margin: 0 auto;
top:15%;
left:60.9%;
position:absolute;
background-color:#000000;
}
#color11{
width:2.7%;
height:36%;
margin: 0 auto;
top:15%;
left:66.3%;
position:absolute;
background-color:#000000;
}
#color12{
width:2.7%;
height:36%;
margin: 0 auto;
top:15%;
left:71.7%;
position:absolute;
background-color:#000000;
}
#color13{
width:2.7%;
height:36%;
margin: 0 auto;
top:15%;
left:77.1%;
position:absolute;
background-color:#000000;
}
#color14{
width:2.7%;
height:36%;
margin: 0 auto;
top:15%;
left:82.5%;
position:absolute;
background-color:#000000;
}
#color15{
width:2.7%;
height:36%;
margin: 0 auto;
top:50%;
left:15%;
position:absolute;
background-color:#000000;
}
#color16{
width:2.7%;
height:36%;
margin: 0 auto;
top:50%;
left:20.4%;
position:absolute;
background-color:#000000;
}
#color17{
width:2.7%;
height:36%;
margin: 0 auto;
top:50%;
left:25.8%;
position:absolute;
background-color:#000000;
}
#color18{
width:2.7%;
height:36%;
margin: 0 auto;
top:50%;
left:31.2%;
position:absolute;
background-color:#000000;
}
#color19{
width:2.7%;
height:36%;
margin: 0 auto;
top:50%;
left:36.6%;
position:absolute;
background-color:#000000;
}
#color20{
width:2.7%;
height:36%;
margin: 0 auto;
top:50%;
left:42%;
position:absolute;
background-color:#000000;
}
#color21{
width:2.7%;
height:36%;
margin: 0 auto;
top:50%;
left:47.4%;
position:absolute;
background-color:#000000;
}
#color22{
width:2.7%;
height:36%;
margin: 0 auto;
top:50%;
left:50.1%;
position:absolute;
background-color:#f9c001;
}
#color23{
width:2.7%;
height:36%;
margin: 0 auto;
top:50%;
left:55.5%;
position:absolute;
background-color:#f9c001;
}
#color24{
width:2.7%;
height:36%;
margin: 0 auto;
top:50%;
left:60.9%;
position:absolute;
background-color:#f9c001;
}
#color25{
width:2.7%;
height:36%;
margin: 0 auto;
top:50%;
left:66.3%;
position:absolute;
background-color:#f9c001;
}
#color26{
width:2.7%;
height:36%;
margin: 0 auto;
top:50%;
left:71.7%;
position:absolute;
background-color:#f9c001;
}
#color27{
width:2.7%;
height:36%;
margin: 0 auto;
top:50%;
left:77.1%;
position:absolute;
background-color:#f9c001;
}
#color28{
width:2.7%;
height:36%;
margin: 0 auto;
top:50%;
left:82.5%;
position:absolute;
background-color:#f9c001;
}