@charset "UTF-8";
/* CSS Document */
* {
	margin: 0px;
}
#canvas {
	width:40vw;
	height:47.45vw;
	background-color:#1dbbeb;
	margin: 1.5vw auto 0 auto;
}
#canvas:hover {
	background-color:green;
}
img {
	width:40%;
}
section {
	float:left;
}
.a {
	width:.9%;
	height:100%;
	background-color:#da6d96; /* pink */
	margin-left:.2vw;
}
.b {
	width:.9%;
	height:100%;
	background-color:#cfab39; /*orange*/
	margin-left:.4vw;
}
.c {
	width:.9%;
	height:100%;
	background-color:#da6d96; /* pink */
	margin-left:.4vw;
}
.d {
	width:.9%;
	height:100%;
	background-color:#da6d96; /* pink */
	margin-left:.4vw;
}
.e {
	width:.9%;
	height:100%;
	background-color:black; /* black no margin*/
}
.f {
	width:.9%;
	height:100%;
	background-color:#cfab39; /*orange*/
}
.g {
	width:.9%;
	height:100%;
	background-color:#da6d96; /* pink */
	margin-left:.4vw;
}
.h {
	width:.9%;
	height:100%;
	background-color:#da6d96; /* pink with margin*/
	margin-left:.4vw;
}
.i {
	width:.9%;
	height:100%;
	background-color:white; /* white with no margin*/
}
.j {
	width:.9%;
	height:100%;
	background-color:#da6d96; /* pink with margin*/
	margin-left:.4vw;
}
.k {
	width:.9%;
	height:100%;
	background-color:#cfab39; /*orange with margin*/
	margin-left:.4vw;
}
.l {
	width:.9%;
	height:100%;
	background-color:#cfab39; /*orange with margin*/
	margin-left:.4vw;
}
.m {
	width:.9%;
	height:100%;
	background-color:black; /* black with margin*/
	margin-left:.4vw;
}
.n {
	width:.9%;
	height:100%;
	background-color:#cfab39; /*orange no margin*/
}
.o {
	width:.9%;
	height:100%;
	background-color:white; /* white with margin*/
	margin-left:.4vw;
}
.p {
	width:.9%;
	height:100%;
	background-color:#da6d96; /* pink no margin*/
}
.q {
	width:.9%;
	height:100%;
	background-color:#da6d96; /* pink with margin*/
	margin-left:.4vw;
}
.r {
	width:.9%;
	height:100%;
	background-color:black; /* black no margin*/
}
.s {
	width:.9%;
	height:100%;
	background-color:#cfab39; /*orange with margin*/
	margin-left:.4vw;
}
.t {
	width:.9%;
	height:100%;
	background-color:#da6d96; /* pink with margin*/
	margin-left:.4vw;
}
.u {
	width:.9%;
	height:100%;
	background-color:white; /* white with margin*/
	margin-left:.4vw;
}
.v {
	width:.9%;
	height:100%;
	background-color:#da6d96; /* pink with double margin*/
	margin-left:.55vw;
}
.w {
	width:.9%;
	height:100%;
	background-color:#cfab39; /*orange with margin*/
	margin-left:.4vw;
}
.x {
	width:.9%;
	height:100%;
	background-color:black; /* black with margin*/
	margin-left:.4vw;
}
.y {
	width:.9%;
	height:100%;
	background-color:#da6d96; /* pink with margin*/
	margin-left:.4vw;
}
.z {
	width:.9%;
	height:100%;
	background-color:#cfab39; /*orange with margin*/
	margin-left:.4vw;
}
.aa {
	width:.9%;
	height:100%;
	background-color:white; /* white with margin*/
	margin-left:.4vw;
}
.bb {
	width:.9%;
	height:100%;
	background-color:#cfab39; /*orange no margin*/
}
.cc {
	width:.9%;
	height:100%;
	background-color:#cfab39; /*orange with margin*/
	margin-left:.4vw;
}
.dd {
	width:.9%;
	height:100%;
	background-color:#da6d96; /* pink with margin*/
	margin-left:.4vw;
}
.ee {
	width:.9%;
	height:100%;
	background-color:black; /* black no margin*/
}
.ff {
	width:.9%;
	height:100%;
	background-color:#cfab39; /*orange with margin*/
	margin-left:.4vw;
}
.gg {
	width:.9%;
	height:100%;
	background-color:#cfab39; /*orange with double margin*/
	margin-left:.72vw;
}
.hh {
	width:.9%;
	height:100%;
	background-color:white; /* white with margin*/
	margin-left:.4vw;
}
.ii {
	width:.9%;
	height:100%;
	background-color:#cfab39; /*orange no margin*/
}
.jj {
	width:.9%;
	height:100%;
	background-color:#da6d96; /* pink with margin*/
	margin-left:.4vw;
}
.kk {
	width:.9%;
	height:100%;
	background-color:black; /* black with margin*/
	margin-left:.4vw;
}
.ll {
	width:.9%;
	height:100%;
	background-color:#cfab39; /*orange no margin*/
}
.mm {
	width:.9%;
	height:100%;
	background-color:#cfab39; /*orange with margin*/
	margin-left:.4vw;
}
.nn {
	width:.9%;
	height:100%;
	background-color:white; /* white with no margin*/
}
.oo {
	width:.9%;
	height:100%;
	background-color:#da6d96; /* pink no margin*/
}
.pp {
	width:.9%;
	height:100%;
	background-color:black; /* black with margin*/
	margin-left:.4vw;
}
.qq {
	width:.9%;
	height:100%;
	background-color:#cfab39; /*orange no margin*/
}
.rr {
	width:.9%;
	height:100%;
	background-color:#cfab39; /*orange with margin*/
	margin-left:.4vw;
}
.ss {
	width:.9%;
	height:100%;
	background-color:#da6d96; /* pink no margin*/
}
.tt {
	width:.9%;
	height:100%;
	background-color:#cfab39; /*orange with margin*/
	margin-left:.4vw;
}
.uu {
	width:.9%;
	height:100%;
	background-color:white; /* white with margin*/
	margin-left:.4vw;
}
.vv {
	width:.9%;
	height:100%;
	background-color:#cfab39; /*orange no margin*/
}
.ww {
	width:.9%;
	height:100%;
	background-color:#cfab39; /*orange with margin*/
	margin-left:.4vw;
}
.xx {
	width:.9%;
	height:100%;
	background-color:#da6d96; /* pink with margin*/
	margin-left:.4vw;
}
.yy {
	width:.9%;
	height:100%;
	background-color:black; /* black no margin*/
}
.zz {
	width:.9%;
	height:100%;
	background-color:#cfab39; /*orange no margin*/
}
.A {
	width:.9%;
	height:100%;
	background-color:#cfab39; /*orange with margin*/
	margin-left:.4vw;
}
.B {
	width:.9%;
	height:100%;
	background-color:#da6d96; /* pink with margin*/
	margin-left:.4vw;
}
.C {
	width:.9%;
	height:100%;
	background-color:white; /* white with double margin*/
	margin-left:.6vw;
}
.D {
	width:.9%;
	height:100%;
	background-color:#cfab39; /*orange with margin*/
	margin-left:.4vw;
}
.E {
	width:.9%;
	height:100%;
	background-color:#da6d96; /* pink with double margin*/
	margin-left:.84vw;
}
.F {
	width:.9%;
	height:100%;
	background-color:black; /* black with margin*/
	margin-left:.4vw;
}
.G {
	width:.9%;
	height:100%;
	background-color:#da6d96; /* pink no margin*/
}
.H {
	width:.9%;
	height:100%;
	background-color:#cfab39; /*orange with margin*/
	margin-left:.4vw;
}

.a:hover, .c:hover,.d:hover ,.g:hover ,.h:hover ,.j:hover ,.p:hover ,.q:hover ,.t:hover ,.v:hover ,.y:hover ,.dd:hover ,.jj:hover ,.oo:hover ,.ss:hover ,.uu:hover ,.xx:hover ,.B:hover ,.E:hover ,.G:hover {
	background-color:#cfab39;
}
.b:hover,.f:hover,.k:hover,.l:hover,.n:hover,.s:hover,.w:hover,.z:hover,.bb:hover,.cc:hover,.ff:hover,.gg:hover,.ii:hover,.ll:hover,.mm:hover,.qq:hover,.rr:hover,.tt:hover,.vv:hover,.ww:hover,.zz:hover,.A:hover,.D:hover,.H:hover {
	background-color:#da6d96;
}
.e:hover,.m:hover,.r:hover,.x:hover,.ee:hover,.kk:hover,.pp:hover,.yy:hover,.F:hover {
	background-color:white;
}
.i:hover,.o:hover,.u:hover,.aa:hover,.hh:hover,.nn:hover,.uu:hover,.C:hover {
	background-color:black;
}