<template>
  <div class="main-input-container flex-1">
    <div class="slogan">
      <p>Creating Things with <span class="fiDA">FiDA</span> that</p>
      <p>Bloom Your Creativity</p>
    </div>
    <Input />
  </div>
</template>

<script setup lang="ts">
import { computed } from 'vue'
import Input from './components/Input.vue'
</script>

<style lang="less" scoped>
.main-input-container {
  padding-top: 20.2rem;
  .slogan{
    color: #000;
    font-size: 6rem;
    font-family: 'Medium';
    font-weight: 500;
    text-align: center;
    margin-bottom: 5.6rem;
    .fiDA{
      font-family: 'Bold';
      font-weight: 600;
    }
  }
}
</style>
