@import "sass/config";

body {
  color: white;
  background-color: #111;
  font-family: Verdana;
  margin: 0;
}

// Normalize etc.
ul {
  margin: 0;
}

a {
  text-decoration: none;
  color: pink;

  &:hover {
    color: lighten(pink, 50%);
  }
}

.container {
  max-width: 900px;
  margin: 0 auto;
}

.inline-items {
  display: flex;

  & > * {
    margin-right: 1em;
  }
}

.yellow { color: $color-yellow; }
.green { color: $quality-2; }

.tight {
  margin-bottom: 0;

  & + p {
    margin-top: 0;
  }
}

.calculator {
  &__points {
    color: white;
    text-align: center;
  }
}

.index {
  min-height: 85vh;
}

.index__class-picker {
  margin: 2em 0;
}

footer {
  padding: 2em;
  font-size: 12px;
  text-align: center;
}

#tooltip-root {
  position: absolute;
  z-index: $z-index-tooltips;
  top: 0;
  left: 0;
  pointer-events: none;
}