/*--.......................|....|............. 
...THIS PAGE .............||....||............
..WAS MADE BY ............||||||||............
..ANA!...................||||||||||...........
........................||||||||||||..........
.......................||||||||||||||.........
.........|||.........|||||||||||||||||........
.....||||||||||||...|||||||||||||||||||.......
...|||||||||||||....|||||||||||||||||||.......
........|||||.......|||||||||||||||||||.......
........|||||........|||||||||||||||||........
.........|||..........|||||||||||||||.........
..........||.............|||||||||............*/

@charset "UTF-8"

img {

}
/* CSS RESET */

	* {
		margin: 0;
		padding: 0;
		color: #000;
	}

	 article {
      width: 100%;
      float: left;
    }

      figure {
        width: 14%;
        height: 40%;
        margin: 7% 0% 0% 9%; 
        float: left;
      }


section#background {
    width: 100%;
    height: 100%;
    background-color: #000000;
    float: left;
}

section#base{ width: 100%;
    height: 100%;
    background-color: #000000;
    float: left;
    margin-top: 30px;

}

/*CSS COLOR CLASSES*/


.azure {
  background-color: azure;
}

.lightslategrey {
  background-color: lightslategrey;
}

.gainsboro {
  background-color: gainsboro;
}

.firebrick {
  background-color: firebrick;
}

.lemonchiffon {
  background-color: lemonchiffon;
}

.bar1 {
  height: 2%;
}

.bar2 {
  height: 9%;
}

.bar3 {
  height: 11%;
}

.bar4 {
  height: 23.5%;
}



.azure:hover {
  background-color: #fff;
}

.gainsboro:hover {
  background-color: #ff1493;
}

.lightslategrey:hover {
  background-color: #f00;
}

.firebrick:hover {
  background-color: #0f0;
}

.lemonchiffon:hover {
  background-color: #8b008b;
}