App.scss

@import './themify', './vars';

.App {
  display: grid;
  grid-template-columns: auto 1fr;
  overflow: hidden;
  transition: background-position $bg-transition-duration;
  background-repeat: no-repeat;
  background-position: 100% top;
  background-size: contain;
  font-weight: 500;

  &.wallets {
    background-position: 125% top;
  }

  &.address_book {
    background-position: 135% top;
  }

  &.settings {
    background-position: 145% top;
  }

  @include themify($themes) {
    background-image: themed('bg-moving');
    color: themed('text-color');
  }
}