<template>
  <section id="investors-section" data-anchor="investors">
    <div class="icon">
      <img src="@/assets/202202/icon_investors@2x.png" alt="investors"/>
    </div>
    <div class="list">
      <a href="#">
        <img class="coso" src="@/assets/202202/coso@2x.png" alt="coso"/>
      </a>
      <a href="#">
        <img class="kucoin" src="@/assets/202202/kucoin@2x.png" alt="kucoin"/>
      </a>
    </div>
  </section>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator'
import RImg from '@/components/ResponsiveImage.vue'

@Component({
  name: 'InvestorsSection',
  components: {
    RImg
  }
})
export default class extends Vue {

}
</script>

<style lang="scss" scoped>
#investors-section{
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 350px;
  justify-content: space-between;
  .icon{
    margin-top: 70px;
  }
  .list{
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 20px;
    .coso{
      width: 136px;
    }
    .kucoin{
      width: 314px;
    }
  }
}
</style>
