@import "./variables";

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  height: 100%; // IE
}
body,
#root {
  margin: 0;
  padding: 0;
  width: 100%; // IE
  height: 100%; // IE
  font-size: $text-font-size;
  background-color: $color-background;
  overflow: hidden;
}

h1,
h2,
h3 {
  font-weight: 500;
  margin-bottom: 10px 0 20px;
}

.fakeLink {
  color: $color-selection;
  cursor: pointer;
  &:hover {
    text-decoration: underline;
  }
}

.hidden {
  display: none;
}

.clearer {
  clear: both;
  display: block;
  height: 0;
  width: 0;
}