@use 'abstracts' as *;
//CSS reset
@use 'base/reset';
// Fonts
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap');

html {
  height: 100%;
}

body {
  background-color: $light-grey;
  font-family: $font-family-body;
  font-size: 16px;
  padding: 3.125rem;
  height: 100%;
  box-sizing: border-box;
}

.container {
  @include flexbox;
  height: 100%;

  &__content {
    align-self: center;
    background-color: #fff;
    padding: 3.125rem;
    width: 47.5rem;
    max-width: 100%;
    margin: auto;
    text-align: center;

    h1 {
      font-size: 1rem;
      margin-bottom: 0.5rem;
    }

    p {
      font-size: 0.75rem;
      line-height: 1.25em;
    }
  }

  &__logo {
    width: 11.25rem;
    margin-top: 1.5rem;
  }

  &__icon {
    display: inline-block;
    margin-bottom: 0.5rem;
  }
}