/* LOADING ------------------------------------------------*/
.first-body{
    position: fixed;
    top: 0;
    left: 0;
    align-items: center;
    height: 100%;
    width: 100%;
    background: rgb(0, 0, 0);
    animation: none 2s;
  
    font-style: italic;
    color: #fff;
    font-family: sans-serif;
  }
  @keyframes opacity{
    0%{opacity:0};
    100%{opacity: 1;}
  }
  .first-body .localizer{
    position: fixed;
    top: 50%;
    left:50%;
    transform: translate(-50%, -50%);
    width: 100%;
    color: #fff;
  }
  .first-body h2{
    text-align: center;
    animation: changeShadow .3s alternate infinite linear;

    color: #fff;
    font-size: 130%;
    font-size: 200%;
    font-family: sans-serif;
  }
  @keyframes changeShadow{
    0%{
      text-shadow: blueviolet 0px 4px 1px;
    }
    100%{
      text-shadow: rgb(226, 43, 119) 0px 4px 1px;
    }
  }
  .first-body h1{
    position: absolute;
    top: 95%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 100%;
    margin-block-start: 0;
    margin-block-end: 0;
    width: fit-content;
  
    font-style: normal;
  }
  .first-body .explains{
    text-align: center;
    color: #fff;
    width: 100%;
    opacity: .3;
  
    padding-top: 10%;
  }
  .first-body .explains a{
    text-decoration: underline;
    color: #fff;
  }
  /* ------------------------------------------------------- */