@import '../../styles/variables';

.ErrorState {
  display: flex;
  height: 100%;
  align-items: center;

  &__header {
    position: fixed;
    z-index: layer('header');
    top: 0;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25);
    width: 100%;
  }

  &__content {
    text-align: center;
    margin: 0 auto;
  }

  &__logo {
    margin: $spacing * 2 $spacing * 3;
  }

  &__smile {
    font-size: 48px;
  }

  &__title {
    font-size: 48px;
  }

  &__body {
    font-size: 16px;
  }
}