/* --------------------------------- FONTS -------------------------------- */
/* --------------------------------- COLOURS ----------------------------- */
/** Boldly original blue/green palette **/
/** Boldly multi-colour palette       **/
/** Boldly grayscale palette          **/
/* Cool Steel #3B3B41 */
/*0F0A0A*/
/*333*/
/*666*/
/*CCC*/
/** Mixing and matching colours       **/
/** Colours for buttons and alerts    **/
/* --------------------------------- MIXIN -------------------------------- */
@keyframes scroll-prompt-animation {
  0% {
    opacity: 0.2; }
  50% {
    opacity: 0.8; }
  100% {
    opacity: 0.2; } }
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff4949+0,2e99ff+100 */
#projects .project h3 {
  color: #FFF; }
#projects .project picture img {
  -webkit-filter: brightness(1) grayscale(0);
  -moz-filter: brightness(1) grayscale(0);
  -ms-filter: brightness(1) grayscale(0);
  filter: brightness(1) grayscale(0); }
#projects .project:hover picture img {
  -webkit-filter: brightness(0.5) grayscale(1);
  -moz-filter: brightness(0.5) grayscale(1);
  -ms-filter: brightness(0.5) grayscale(1);
  filter: brightness(0.5) grayscale(1); }
#projects .project .laurel {
  height: 5rem;
  max-width: 6rem; }

.js .rotating-bg-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transition: all 0.5s cubic-bezier(0.75, 0, 0.23, 1.01);
  -moz-transition: all 0.5s cubic-bezier(0.75, 0, 0.23, 1.01);
  -ms-transition: all 0.5s cubic-bezier(0.75, 0, 0.23, 1.01);
  transition: all 0.5s cubic-bezier(0.75, 0, 0.23, 1.01);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  height: 100%;
  opacity: 0; }
  .js .rotating-bg-img.active {
    opacity: 1; }

/*# sourceMappingURL=originals.css.map */