@import '../../scss/variables.scss';

.fundbar {
  cursor: pointer;
  text-align: center;
  margin: 1rem;
  display: grid;
  grid-template: 1fr / 1fr;
  height: 20vh;

  .totals {
    pointer-events: none;
    margin-top: 1rem;
  }

  h3 {
    margin: auto auto 0 auto;
  }

  .front {
    grid-area: 1/1/2/2;
    margin: auto auto 0;
    border-radius: 1ch;
    pointer-events: none;
    transition: all 0.2s ease-out;
    border: 2px solid $color-dark;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 1rem;
    text-shadow: 2px 2px #2223, -1px -1px #fffa;
  }

  .back {
    padding: 0.25rem;
    grid-area: 1/1/2/2;
    background: #222;
    border-radius: 1ch;
    border: 4px solid #3334;
  }
}