@font-face {
    font-family: "Inter-SemiBold";
    src: url("Inter-SemiBold.ttf") format("opentype");
  }
  
  :root {
    --bg-color: #000;
    --card-color: rgb(23, 23, 23);
    --purple: rgb(123, 31, 162);
    --violet: rgb(103, 58, 183);
    --pink: rgb(244, 143, 177);
    --fade-text: #6e6e73;
    --text-color: #dfdfe3;
    --form-color-top: #424242;
    --form-color-left: #303030;
    --form-border: #858585;
    --form-social: #404040;
  }

  body{
    background-color: var(--bg-color);
  }

  @keyframes background-pan {
    from {
      background-position: 0% center;
    }
  
    to {
      background-position: -200% center;
    }
  }
  
  .coming_wrapper{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100%;
    gap: 5%;
  }

  .coming {
    font-family: "Inter-SemiBold";
    animation: background-pan 4s linear infinite;
    background: linear-gradient(
      to right,
      var(--purple),
      var(--violet),
      var(--pink),
      var(--purple)
    );
    background-size: 200%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    white-space: nowrap;
    font-size: 5vw;
    text-align: center;
    width: 100%;
  }