@charset "utf-8";

.top-info-section {
  color: #ccc;
  font-size: 14px;
  padding: 0 4px;
  margin-top: 8px;

  h1 {
    font-size: 14px;
  }

  a {
    color: #4e94ce;
    text-decoration: none;
  }

  @media (hover: hover) {
    a:hover {
      color: #63afee;
    }
  }

  .mt-16 {
    margin-top: 16px;
  }

  .flex {
    display: flex;
    align-items: center;

    &.between {
      justify-content: space-between;
    }

    .separator {
      margin: 0 4px;
    }

    .bi {
      margin-right: 3px;

      &.bi-clock {
        font-size: 12px;
      }

      &.bi-discord {
        color: #5870c1;
      }

      &.bi-twitter-x {
        font-size: 13px;
      }

      &.bi-youtube {
        color: #fd0031;
        background: radial-gradient(#fff, #fff 35%, transparent 35%);
      }
    }
  }
}