/* ***********************************************************************
**************************************************************************
*******_________________**************************************************
*******`***************,*******************************THIS PAGE WAS******
********`*************,**********************************MADE BY**********
*********`***********,***********************************LUISA!***********
**********|*********|*.___.********.___.**********************************
**********|*********|*|***|********|***|**********************************
**********|*********|*|***|********|***|**********************************
**********|*********|*|***|********|***|**********************************
**********|*********|*|***|********|***|**********************************
**********|*********|*|***|********|***|**********************************
**********|*********|*|***|********|***|*****|****************************
**********|*********|*|***|********|***|****,|****************************
**********|*********|*|***|********|***|***,*|****************************
**********|*********|*|***|________|***|**,**|****************************
**********|*********|*`****************'*,***|****************************
**********|*********|*`_______________'*,****|****************************
*********,**********|******************,*****|****************************
********,***********|_________________,******|****************************
*******,*************************************|****************************
******,______________________________________|****************************
**************************************************************************
*********************************************************************** */

*{
   margin: 0;
   padding: 0;
}


/* nav bar for art forgery exercise*/
#nav-bar ul{
    font-size: 20pt;
    list-style-type: none;
    display: inline-block;
    margin: 0 0.5vw;
}

#nav-bar li{
    display: inline-block;
    margin: 0 0.5vw;
}

header#canvas {
	width: 52.2vw;
	height:38.7vw;
	margin-left:24vw;
	margin-top: 3vw;
	
}

section.coral {
	width:5.4vw ;
	height:19.3vw ;
}

section.orchid {
	width: 3.03vw;
	height: 19.4vw ;
}

article#section-one  {
	margin-left: -32vw;
	display: inline-block;
}
section.indigo {
	width: 4.3vw;
	height: 5.9vw;
	
}

section.green {
	width: 6.9vw;
	height:9.5vw;
}

article#section-two {
	display: inline-block;
	margin-right:2vw;
	
}
section.olive{
width: 2.6vw ;
height: 4.8vw ;
margin-left: 2vw;
}

section.peru{
width: 6.9vw ;
height: 4vw;
}

section.purple{
width: 4.9vw ;
height: 3.9vw;
margin-left: 2vw;
}

section.silver{
width: 2.6vw;
height: 5.7vw;
margin-left: 2vw;
}

section.cyan{
width: 4.9vw;
height: 4.9vw;
margin-left: 2vw;
}

/*CSS COLOR*/

.khaki {
	background-color: #efe9db;
}

.coral {
	background-color:black;
}

.orchid {
	background-color: black;
}

.cyan {
	background-color: black;
}

.silver {
	background-color: black;
}

.purple {
	background-color: black;
}

.olive {
	background-color: black;
}

.peru {
	background-color: black;
}

.indigo {
	background-color: black;
}

.green {
	background-color: black;
}





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

.coral:hover {
	background-color:coral;
}

.orchid:hover {
	background-color: orchid;
}

.cyan:hover {
	background-color: cyan;
}

.silver:hover {
	background-color: silver;
}

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

.olive:hover {
	background-color: olive;
}

.peru:hover {
	background-color: peru;
}

.indigo:hover {
	background-color: indigo;
}

.green:hover {
	background-color:green;
}