.item {
    display: flex;

    justify-content: center;

    width: 16px;
    height: 16px;

    margin: 4px;

    background-size: contain;
    background-repeat: no-repeat;

    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-crisp-edges;
    image-rendering: pixelated;
    image-rendering: crisp-edges;
}

.creature {
    display: block;

    width: 48px;
    height: 48px;

    margin: 0px;

    background-size: contain;
    background-repeat: no-repeat;

    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-crisp-edges;
    image-rendering: pixelated;
    image-rendering: crisp-edges;
}

#creatures {
    display: flex;
    justify-content: center;
}

.itemsWrapper {
    display: flex;
    justify-content: center;
}

#items {
    width: 400px;
}

.thing {
    display: inline-grid;
    justify-content: center;
    width: 100%;
}

.scale-in-center {
	-webkit-animation: scale-in-center .5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in-center .5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.home-menu {
    text-align: center !important;
}

.content { 
    background: #f5b784;
}

h2 {
    color: #000000 !important;
}

.content-head-ribbon {
    color: white !important
}

.features > .content-head {
    margin: 1em 0em !important;
}

#secondary {
    background-image: url('../../img/background.png') !important;
    padding: 0 !important;
    display: flex;
    justify-content: center;

    /* max-height: 500px; */
}

.features {
    background: rgba(0, 0, 0, .5);
    padding: 16px;
    border: 1px solid lightgrey;
    margin: 16px;
    z-index: 500;
}

.right {
    position: relative;
    top: -22px;
    height: 5px;
    right: 0;
    text-align: right;
}

#timeline {
    text-align: center;
    background: lightgrey;
}

#secondary > .particles-js-canvas-el {
    position: relative;
    top: 8px;
    margin-top: -280px;
    height: initial !important;
    max-height: 333px;

}

.l-box-lrg {
    padding: 16px !important;
    border: 0 !important;
}
/* ----------------------------------------------
 * Generated by Animista on 2020-1-20 23:34:27
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-in-center
 * ----------------------------------------
 */
 @-webkit-keyframes scale-in-center {
    0% {
      -webkit-transform: scale(0);
              transform: scale(0);
      opacity: 1;
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
      opacity: 1;
    }
  }
  @keyframes scale-in-center {
    0% {
      -webkit-transform: scale(0);
              transform: scale(0);
      opacity: 1;
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
      opacity: 1;
    }
  }

  
  .scale-out-center {
	-webkit-animation: scale-out-center .5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	        animation: scale-out-center .5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2020-1-20 23:34:48
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-out-center
 * ----------------------------------------
 */
 @-webkit-keyframes scale-out-center {
    0% {
      -webkit-transform: scale(1);
              transform: scale(1);
      opacity: 1;
    }
    100% {
      -webkit-transform: scale(0);
              transform: scale(0);
      opacity: 1;
    }
  }
  @keyframes scale-out-center {
    0% {
      -webkit-transform: scale(1);
              transform: scale(1);
      opacity: 1;
    }
    100% {
      -webkit-transform: scale(0);
              transform: scale(0);
      opacity: 1;
    }
  }