@charset "UTF-8";


#whitebar {

    -webkit-animation-name: WhiteBar; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
    animation-name: WhiteBar;
    animation-duration: 1s;
	-webkit-animation-timing-function: linear; /* Chrome, Safari, Opera */
    animation-timing-function: linear;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes WhiteBar {
    0%   {right:100%;}
    100% {right:0%;}
}

/* Standard syntax */
@keyframes WhiteBar {
    0%   {right:100%;}
    100% {right:0%;}
}


#Philosophy {
	
}

#Philosophy {
    -webkit-animation-name: Philosophy; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
    animation-name: Philosophy;
    animation-duration: 2s;
		-webkit-animation-timing-function: linear; /* Chrome, Safari, Opera */
    animation-timing-function: linear;
}


#PURPOSE {
    -webkit-animation-name: PURPOSE; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 3s; /* Chrome, Safari, Opera */
    animation-name: PURPOSE;
    animation-duration: 3s;
		-webkit-animation-timing-function: linear; /* Chrome, Safari, Opera */
    animation-timing-function: linear;
}

#OBJECTIVES {
    -webkit-animation-name: OBJECTIVES; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
    animation-name: OBJECTIVES;
    animation-duration: 4s;
		-webkit-animation-timing-function: linear; /* Chrome, Safari, Opera */
    animation-timing-function: linear;
	
}

/* Chrome, Safari, Opera */
@-webkit-keyframes Philosophy {
    0%  {left:400%;}
    50%  {left:400%;}
    100% {left:0%;}
}
/* Standard syntax */
@keyframes Philosophy {
    0%  { left:400%;}
    50%  {left:400%;}
    100% {left:0%;}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes PURPOSE {
    0%  {left:400%;}
	 50%  {left:400%;}
    100% {left:0%;}
}
/* Standard syntax */
@keyframes PURPOSE {
    0%  { left:400%;}
	50%  {left:400%;}
    100% {left:0%;}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes OBJECTIVES {
    0%  { left:400%;}
	50%  {left:400%;}
    100% {left:0%;}
}
/* Standard syntax */
@keyframes OBJECTIVES {
    0%  { left:400%;}
	50%  {left:400%;}
    100% {left:0%;}
}