@charset "UTF-8";

/*--
..................................................................................
..................................................................................
..................................................................................
..................................................................................
..................................................^'"'^...........................
................................................ ( u u )..........................
............................/ \ / \ / \ / \ / \ / \.... \.........................
...........................( A | I | L | I | N | G ).....)........................
............................\_/ \_/ \_/ \_/ \_/ \_/...../.........................
..................................................VV..VV..........................
..................................................................................
................................................CREATE BY.........................
........................................................-- AILING!................
..................................................................................
..................................................................................  

--*/

/*CSS Reset*/

* {
	margin: 0;
	padding: 0;
}

/*Canvas*/

main#canvas {
	width: 50vw;
	height: 55vw;
	background-color: white;
	margin-left: 52.8vh;
}

/*HTML5 Semantic Tags*/

section {
	width: 10%;
	height: 100%;
	float: left;
}

article {
	width: 10%;
	height: 100%;
}

/*CSS Color Classes*/

 .cornflowerblue {
 	background-color: cornflowerblue;
 	float: left;
 }
 .darksalmon {
 	background-color: darksalmon;
 	float: left;
 }
 .wheat {
 	background-color: wheat;
 	float: left;
 }
 .black {
 	background-color: black;
 	float: left;
 }
 
 .thistle {
 	background-color: thistle;
 	float: left;
 }
 .white {
 	background-color: white;
 	float: left;
 }
 .steelblue {
 	background-color: steelblue;
 	float: left;
 }
 .royalblue {
 	background-color: royalblue;
 	float: left;
 }
 .peru {
 	background-color: peru;
 	float: left;
 }
.skyblue {
	background-color: skyblue;
	float: left;
}
.mediumslateblue {
	background-color: mediumslateblue;
	float: left;
}

/*Hover*/

.cornflowerblue:hover {
	background-color: wheat;
}
.darksalmon:hover {
	background-color: thistle;
}
.wheat:hover {
	background-color: cornflowerblue;
}
.black:hover {
	background-color: steelblue;
}
.thistle:hover {
	background-color: darksalmon;
}
.white:hover {
	background-color: mediumslateblue;
}
.steelblue:hover {
	background-color: black;
}
.mediumslateblue:hover {
	background-color: white;
}
.peru:hover {
	background-color: skyblue;
}
.skyblue:hover {
	background-color: peru;
}

/*Artist Credit*/

figcaption {
	width: 50vw;
	margin: 0.4vw;
	margin-left: 27.5vw;
	font-size: 12pt;
	text-align: right;
	font-family: 'Hind Siliguri', sans-serif;
}