@import "work-includes";
@import "work-styles";

body {
  > main {
    margin: 20px 30px;
    padding: 10px;
    background-color: white;
  }

  li {
    margin: 10px;
  }

  h1 {
    margin-top: 50px;
  }

  label {
    text-transform: none;
  }
}

.nav {
  @include flex-center(center, 5px);
  @include align-items(center);

  text-transform: capitalize;
  position: fixed;
  top: 0;
  background-color: $neutral-color-darkest;
  width: 100%;
  height: 50px;

  li {
    margin-top: 0;
  }
}

ul.examples {
  li {
    display: inline-block;
    text-align: center;

    label {
      margin-bottom: $spacing;
      display: inline-block;
    }

    .example {
      display   : block;
      margin    : 0 auto;
    }
  }
}

.null {
  @include block-center();
}