body {
  margin: 0;
  background-color: $back-color-2;
  color: $text-color;
  font-family: 'Source Sans Pro', sans-serif;

  width: calc(100% - 1px);
  height: 100%;
}

button{
  background-color: $accent-color;
  color: #fff;
  text-transform: uppercase;
  border: 0;
  padding: 5px;
  cursor: pointer;
  border-radius: 5px;
  transition: background-color $link-hover-animation-time linear;

  &:hover, &:active, &:focus {
    background-color: $accent-color-2;
    outline: none;
  }
}

.spacer{
  clear: both;
}

a{
  padding: 0;
  color: $accent-color;
  text-decoration:underline;
  transition: color $link-hover-animation-time;

  &:HOVER{
    color: $accent-color-2;
  }
}

h1 {
  color: $title-color;
  text-transform: uppercase;
}

.red {
  color: red;
}

.center{
  text-align: center;
}
.left{
  text-align: left;
}
.right{
  text-align: left;
}

.block{
  text-align: justify;
  text-justify: auto;
}