<template>
  <div class="claim">
    <div class="content">
      <div class="claim-title">
        <h1>Request for $CEC New Listing on CoinMarketCap</h1>
        <span>2024-08-25</span>
      </div>
      <div class="claim-line"></div>
      <div class="claim-content">
        <h3>Dear CoinMarketCap Team,</h3>
        <div>
          <p>We are writing to request the listing of our cryptocurrency, $CEC, on CoinMarketCap.</p>
          <p>We believe that listing $CEC will provide our community with greater visibility and access to our project’s information.</p>
        </div>
        <h4>Request Details and Proof of Authenticity:</h4>
        <div>
          <p>We kindly request that $CEC be listed on CoinMarketCap with the following details:</p>
        </div>
        <div class="flex">
          <h5>•	Token Name:</h5> <p>&nbsp;CEC</p>
        </div>
        <div class="flex">
          <h5>•	Official Website:</h5> <p>&nbsp;counterfire.games</p>
        </div>
        <div class="flex">
          <h5>•	Twitter:</h5> <p>&nbsp;x.com/playCounterFire</p>
        </div>
        <div class="flex">
          <h5>•	Discord:</h5> <p>&nbsp;discord.gg/counterfire</p>
        </div>
        <div>
          <br>
        </div>
        <div>
          <p>We appreciate your consideration of this request and look forward to having $CEC listed on CoinMarketCap.</p>
          <p>If you require any further information or clarification, please feel free to reach out to us.</p>
        </div>
        <div>
          <p>Thank you for your support and collaboration.</p>
          <br>
        </div>
        <div>
          <h5>Best regards,</h5>
        </div>
        <div>
          <p>CounterFire Team</p>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup>

</script>

<style lang="scss" scoped>
.claim {
  color: #fff;
  overflow: hidden;
  padding-bottom: 160px;
  .content {
    width: 1199px;
    margin: 0 auto;
    margin-top: 80px;
    .claim-title {
      position: relative;
      h1 {
        text-align: center;
        font-family: 'Anton';
        font-weight: 400;
        font-size: 36px;
      }
      span {
        display: inline-block;
        position: absolute;
        right: 0px;
        bottom: 0px;
        font-family: 'Poppins';
        font-weight: 600;
        font-size: 18px;
        color: #F3F0FF;
      }
    }
    .claim-line {
      width: 100%;
      height: 4px;
      margin: 20px 0;
      background: url('src/assets/img/notice/Announcement line.png') no-repeat;
      background-size: 100% 100%;
    }
    .claim-content {
      width: 1199px;
      margin: 0 auto;
      color: #F3F0FF;
      h3 {
        font-family: 'Poppins';
        font-weight: 700;
        font-size: 26px;
        margin: 20px 0;
      }
      h4 {
        font-family: 'Poppins';
        font-weight: 700;
        font-size: 22px;
        margin: 20px 0;
      }
      div {
        margin: 5px 0;
        p {
          font-family: 'Poppins-Regular';
          font-weight: 400;
          font-size: 18px;
        }
        h5 {
          font-family: 'Poppins';
          font-weight: 700;
          font-size: 18px;
        }
      }
      .flex {
        display: flex;
        align-items: center;
      }
    }
  }
}
</style>