/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~_______________________~~~~~~~~~~~~~~  
~~~~~~~~~~~~~~~~~~~~~~~________ ~~~~~~(                       )~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~/ ____    \ ~~~~(I'm ASCII PICKLE RICK!!)~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~/  _  _     \ ~~~(_______________________)~~~~~~~~~~~~~ 
~~~~~~~~~~~~~~~~~~~~~| (')(')     |~~~O~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~   
~~~~~~~~~~~~~~~~~~~~~| -// -      |~~O~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~   
~~~~~~~~~~~~~~~~~~~~~|  {"""}     |~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~    
~~~~~~~~~~~~~~~~~~~~~|O           |~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~|            |~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  
~~~~~~~~~~~~~~~~~~~~/         O   /~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  
~~~~~~~~~~~~~~~~~~~/             /~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~/             /~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~/ o           /~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~/             /~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~/     o       /~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~/ o           /~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~\         o  /~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~\__________/~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~by will*/

* {
		margin: 0;
		padding: 0;
	}

article {
		width: auto;
		height: 20%;
		padding-top: 5%;
		padding-bottom: 5%;
		text-align: center;
		display:block;
		margin-left: -2%;
	}


	@keyframes fade-in-one{
	0% {opacity: 0;}
	100% {opacity:1;}
}
@keyframes fade-in-two{
	0% {opacity: 0;}
	100% {opacity:1;}
}
@keyframes fade-in-three{
	0% {opacity: 0;}
	100% {opacity:1;}
}
@keyframes fade-in-four{
	0% {opacity: 0;}
	100% {opacity:1;}
}
@keyframes fade-in-five{
	0% {opacity: 0;}
	100% {opacity:1;}
}
@keyframes fade-in-six{
	0% {opacity: 0;}
	100% {opacity:1;}
}

#fade-in-one {
	animation-name: fade-in-one;
animation-duration: 3s;
animation-fill-mode: backwards;

}
#fade-in-two {
	animation-name: fade-in-two;
animation-duration: 7s;
animation-fill-mode: backwards;

}
#fade-in-three{
	animation-name: fade-in-three;
	animation-duration: 9s;
	animation-fill-mode: backwards;

}
#fade-in-four{
	animation-name: fade-in-four;
animation-duration: 11s;
animation-fill-mode: backwards;
}
#fade-in-five{
	animation-name: fade-in-five;
animation-duration: 5s;
animation-fill-mode: backwards;
}
#fade-in-six{
	animation-name: fade-in-six;
animation-duration: 7s;
animation-fill-mode: backwards;
}