/*------------------------------------------------------------------
[Table of contents]

1. GENERAL
-------------------------------------------------------------------*/
/*-----------------
    1. GENERAL
-----------------*/
* {
  &::selection {
    color: $white;
    background-color: $color-text-selection;
  }
}

body {
  font-size: 16px;
  background-color: var(--color-body);
  font-family: var(--font-primary);
  overflow-x: hidden;
}

h1, h2, h3, h4,
h5, h6, a, p {
  color: var(--color-text);
  line-height: 1em;
}

h1, h2, h3, h4,
h5, h6 {
  font-weight: $weight-bold;
}

p {
  a {
    color: $color-text-link;
    font-weight: $weight-semibold;
  }

  .reaction {
    width: 20px;
    height: 20px;
    margin: 0 2px;
    position: relative;
    top: -2px;

    &:first-child {
      margin-left: 0;
    }
  }
}

p, li {
  a {
    &:focus {
      color: $color-text-link;
      text-decoration: underline;
    }
  }
}

a {
  &:hover {
    color: $color-text-link;
    text-decoration: none;
  }
}

/*--------------------
    MEDIA QUERIES 
--------------------*/
@media screen and (max-width: 480px) {
  .hide-text-mobile {
    display: none;
  }
}