@charset "utf-8";
/* CSS Document */
.flippant {
	transform: perspective(500px) rotateY(0deg);
	-webkit-transform: perspective(500px) rotateY(0deg);
	-moz-transform: perspective(500px) rotateY(0deg);
	/*z-index: 200;*/
}

.flippant-back {
	transform: perspective(500px) rotateY(-180deg);
	-moz-transform: perspective(500px) rotateY(-180deg);
	-webkit-transform: perspective(500px) rotateY(-180deg);
	height: 0;
	
	/*z-index: 200;*/
}

.flippant, .flippant-back {
	transform-style:  preserve-3d;
	-webkit-transform-style:  preserve-3d;
	-moz-transform-style:  preserve-3d;

	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
}

.flippant, .flipper {
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.flippant.flipped {
	transform: perspective(500px) rotateY(180deg);
	-moz-transform: perspective(500px) rotateY(180deg);
	-webkit-transform: perspective(500px) rotateY(180deg);

}

.flippant-back.flipped  {
	transform: perspective(500px) rotateY(0deg);
	-moz-transform: perspective(500px) rotateY(0deg);
	-webkit-transform: perspective(500px) rotateY(0deg);
	 
}

.flippant-modal-dark, .flippant-modal-light {
	position: fixed;
	margin: 0;
	top: 2.5%;
	left: 2.5%;
	width: 95%;
	height: 95%;
	padding: 1em;
	box-sizing: border-box;
	background: white;
	box-shadow: 0 0 10px black;
	color: black;
}

.flippant-modal-dark, .flippant-modal-dark p { color: black;}

.flippant-modal-light {
	background: rgba(230,230,230,1);
	box-shadow: 3px 3px 6px rgba(0,0,0,0.3);
	border-radius: 5px;
	border: 1px solid #aaa;
}




/*taken from animate.css by Daniel Eden github*/

.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}

/*
#newStu {
  -webkit-animation-duration: 3s;
  -webkit-animation-delay: .2s;
  -webkit-animation-iteration-count: infinite;
}*/




.animated1 {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.animated.infinite1 {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.animated.hinge1 {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}

/*
#newStu {
  -webkit-animation-duration: 3s;
  -webkit-animation-delay: .2s;
  -webkit-animation-iteration-count: infinite;
}*/

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
          animation-name: bounceInDown;
		  
}




  /* unvisited link */
.name-links:link {
    color: white;
}

/* visited link */
.name-links:visited {
    color: white;
}

/* mouse over link */
.name-links:hover {
    color: #d9d9d9;
	text-decoration: underline;
}
 
/* selected link */
.name-links:active {
    color: #d9d9d9;
}




.category-view {
   color: white;
  font-family: Arial;
  font-weight: 700;
  text-shadow: 7px 7px black;
   text-align:center;
   }
   
   
   
   
   

.hoffset  { margin-left: 100px; }
.hoffset5  { margin-left:  5px; }
.hoffset10  { margin-left: 10px; }
.hoffset15  { margin-left: 15px; }

.voffset2 { margin-top: 10px; }
.voffset3 { margin-top: 15px; }
.voffset4 { margin-top: 30px; }
.voffset5 { margin-top: 40px; }
.voffset6 { margin-top: 60px; }
.voffset12 { margin-top: 120px; }