* {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

body{
	background-color: black;
}

main#canvas {
	width: 80vw;
	height: 100vw;
	background-color: #1f2d5e;
}

section{
	width:44%;
	height:92%;
}

article{
	width:76%;
	height:92%;
}

figure{
	width:68%;
	height:90%;
}

header{
	width:50%;
	height:88%;
}

	.float-left{
		float:left;
	}
	.float-right{
		float:right;
	}
	.orange{
		background-color:#ce5c2a;
	}
	.green{
		background-color:#8db749;
	}
	.yellow{
		background-color:#ecc31b;
	}
	.red{
		background-color:#c64a4a;
	}

/* HERE ARE MY PSEUDOCLASSES FOR USER INTERACTION */

	.orange:hover{
		background-color:red;
	}
	.green:hover{
		background-color:purple;
	}
	.yellow:hover{
		background-color:black;
	}
	.red:hover{
		background-color:white;
	}

main#canvas:hover{
	width: 80vw;
	height: 100vw;
	background-color: cyan;
}