#authenticate {
      color: var(--site-primary-color);
      font-weight: bold;
      font-size: 2.5vmin;
      text-decoration: none;
  }

  #form #logIn{
      background-color: #ffffff;
      border: 1px solid #999999;
      border-radius: .5rem;
      box-shadow: 0px .3rem .3rem 0px #888888;
      height: max-content;
      left: 10rem;
      padding: .5rem;
      position: absolute;
      top: 5rem;
      width: 10rem;
  }

  #header {
      background-color: white;
      border-radius: 2px;
      color: #FFFFFF;
      display: flex;
      font-size: 3vmin;
      margin: 5px;
      padding: 5px 10px 5px 10px;
  }

  #header span {
      align-items: center;
      display: flex;
  }

  #header span:last-child {
      align-items: flex-start;
      display: flex;
      margin-left: auto;
  }

  #home,
  #import,
  #dashboard,
  #settings {
      height: auto;
      margin-bottom: 5px;
      padding-right: 10px;
      width: 30px;
  }

  i {
      padding-right: .5rem;
  }

  i::after {
      content: attr(data-text);
      color: #EEEEEE !important;
      display: inline-block;
      position: absolute;
      top: 100%;
      left: 0;
      opacity: 0;
      transition: opacity .3s;
  }

  i:hover::after {
      opacity: 1;
  }

  .index-content {
      clip-path: polygon(0 0, 100% 0, 100% 80vh, 0 100%);
  }

  #see {
      cursor: pointer;
      height: auto;
      width: 20px;
  }

  #title {
      background-color: var(--site-primary-color);
      border-radius: 2px;
      color: #FFFFFF;
      display: flex;
      font-size: 3vmin;
      margin: 5px;
      padding: 5px 10px 5px 10px;
  }

  #title span {
      align-items: center;
      display: flex;
  }

  #title span:last-child {
      align-items: flex-start;
      display: flex;
      margin-left: auto;
  }

  #titleStatus {
      align-items: center;
      background-color: #ffffff;
      border-radius: .5rem;
      color: #000000;
      font-size: 1.1rem;
      display: flex;
      opacity: 0;
      visibility: hidden;
      padding: .2rem 1rem;
      transition: opacity 500ms ease-out, visibility 500ms ease-out;
      width: max-content;
  }

  #titleStatus.show {
      animation: vanish 3s ease-out forwards;
      opacity: 1;
      visibility: visible;
  }