html {
  height: 100%;
}

body {
  font-family: 'Roboto', sans-serif;
  min-height: 100%;
  min-width: 320px;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  background-color: transparent;
  color: @gray-text;

  &:before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: @lilac url('../img/background/lilac.jpg') 50% 50% no-repeat;
    background-size: cover;
  }
}


a {
  text-decoration: none;
  color: @gray-ui;

  &:hover,
  &:focus,
  &:active {
    text-decoration: underline;
    color: @gray-text;
    outline: none;
  }
}

code {
  background-color: @gray-dark;
}

.scrollable {
  overflow: hidden;
}