@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: 49.5vw;
	height: 50vw;
	background-color: #001a00;
	margin-left: 52.6vh;
}
#canvas:hover {
	background-color: wheat;
}
/*HTML5 Semantic Tags*/

section {

}
section.one {
	width: 2.8%;
	height: 100%;
	float: left;
}
section.two {
	width: 32.8%;
	height: 100%;
	float: left;
}
section.three {
	width: 2.5%;
	height: 100%;
	float: left;
}
section.four {
	width: 7.93666667%;
	height: 100%;
	float: left;
}
section.five {
	width: 7.93666667%;
	height: 100%;
	float: left;
}
section.six {
	width: 7.93666667%;
	height: 100%;
	float: left;
}
section.seven {
	width: 2.5%;
	height: 100%;
	float: left;
}
section.eight {
	width: 32.8%;
	height: 100%;
	float: left;
}
section.nine {
	width: 2.8%;
	height: 100%;
	float: left;
}

article {

}
article.blue {
	width: 100%;
	height: 100%;
	float: left;
}
article.brown {
	width: 100%;
	height: 17.4%;
	float: left;
	margin-top: 6.9vw;
}
article.brown1 {
	width: 100%;
	height: 29%;
	float: left;
}
article.green {
	width: 100%;
	height: 8%;
	float: left;
	margin-top: 8.2vw;
	margin-bottom: 1.35vw;
}
article.green1 {
	width: 100%;
	height: 29%;
	float: left;
}
article.red {
	width: 100%;
	height: 6.5%;
	float: left;
}
article.red1 {
	width: 100%;
	height: 15%;
	float: left;
}
article.yellow {
	width: 100%;
	height: 18%;
	float: left;
}
article.darkgreen {
	width: 100%;
	height: 26%;
	float: left;
}
figure {

}
figure.darkgreen {
	width: 100%;
	height: 7%;
	float: left;
	margin-top: 23.8vw;
}
figure.sandybrown {
	width: 18%;
	height: 100%;
	float: left;
}
figure.sandybrown1 {
	width: 18%;
	height: 100%;
	float: right;
}

/*CSS Color Classes*/

.blue {
	background-color: #9fbfdf;
	float: left;
}
.brown {
	background-color: #4d1919;
	float: left;
}
.green {
	background-color: #004d4d;
	float: left;
}
.green1 {
	background-color: #133a26;
	float: left;
}
.red {
	background-color: crimson;
	float: left;
}
.red1 {
	background-color: #cc0000;
}
.yellow {
	background-color: wheat;
	float: left;
}
.darkgreen {
	background-color: #061306;
	float: left;
}
.brown1 {
	background-color: #4d1919;
}
.sandybrown {
	background-color: sandybrown;
	float: left;
}
.sandybrown1 {
	background-color: sandybrown;
	float: left;
}

/*Hover*/

.blue:hover {
	background-color: #4d1919;;
	float: left;
}
.brown:hover {
	background-color: #9fbfdf;
	float: left;
}
.green:hover {
	background-color: #cc0000;
	float: left;
}
.green1:hover {
	background-color: sandybrown;
	float: left;
}
.red:hover {
	background-color: #061306;
	float: left;
}
.red1:hover {
	background-color: #004d4d;
}
.yellow:hover {
	background-color: #9fbfdf;
	float: left;
}
.darkgreen:hover {
	background-color: crimson;
	float: left;
}
.brown1:hover {
	background-color: #4d1919;
}
.sandybrown:hover {
	background-color: #133a26;
	float: left;
}
.sandybrown1:hover {
	background-color: #133a26;
	float: left;
}

/*Artist Credit*/

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