/*CSS Reset*/

* {
	margin: 0;
	padding: 0;
}

/*Color Classes*/

.pink0 {
	background-color: #c35175;
	margin: 0 0 0 5px
}

.pink0:hover {
	background-color: purple;
	margin: 0 0 0 5px
}

.pink {
	background-color: #c35175;
	margin: 0 0 0 13px
}

.pink:hover {
	background-color: purple;
	margin: 0 0 0 13px
}

.pink1 {
	background-color:#c35175;
}

.pink1:hover {
	background-color:purple;
}


.pink2 {
	background-color:#c35175;
	margin: 0 0 0 20px
}

.pink2:hover {
	background-color:purple;
	margin: 0 0 0 20px
}

.orange {
	background-color:#c28f04;
	margin: 0 0 0 12px
}

.orange:hover {
	background-color:lime;
	margin: 0 0 0 12px
}

.orange1 {
	background-color:#c28f04; 
}

.orange1:hover {
	background-color:lime; 
}

.orange2 {
	background-color:#c28f04; 
	margin: 0 0 0 25px

}

.orange2:hover {
	background-color:lime; 
	margin: 0 0 0 25px

}

.blue {
	background-color: #0d1622;
}

.blue:hover {
	background-color: yellow;
}

.blue1 {
	background-color: #0d1622;
	margin: 0 0 0 12px
}

.blue1:hover {
	background-color: yellow;
	margin: 0 0 0 12px
}

.white {
	background-color: #cbe0ee;
}

.white:hover {
	background-color: black;
}

.white1 {
	background-color: #cbe0ee;
	margin: 0 0 0 12px
}

.white1:hover {
	background-color: black;
	margin: 0 0 0 12px
}

.white2 {
	background-color:#cbe0ee;
	margin: 0 0 0 25px
}

.white2:hover {
	background-color:black;
	margin: 0 0 0 25px
}
/*CANVAS*/

main#canvas {
    width: 1294.97px;
    height: 1536px;
    background-color: #25bdf2;
}

main#canvas:hover {
    width: 1294.97px;
    height: 1536px;
    background-color:lightpink;
}
/*article {
	width: 
	height:
	margin-top:
	margin-left:

}*/

/*HTML5 SEMANTIC TAGS*/

section {
	width: 12px;
	height:100%;
	float: left;
}