<script setup>

</script>

<template>
  <header>
      <div class="headerIneer">
          <div class="headerLogo"><h1 class="headerLogoTitle">Dach</h1></div>
          <div class="headerFaq"><a class="headerFaqTitle" href="faq.html">FAQ</a></div>
      </div>
  </header>
</template>

<style scoped>
header {
    display: flex;
    flex: 0 0 100%;
    min-width: 100vh;
}
.headerIneer{
    display: flex;
    width: 100%;
    border-radius: 1em;
    background: #171515fb;  /* fallback for old browsers */
}
.headerLogo{
    height: 100%;
    margin: 0 5%;
}
.headerLogoTitle{
    font-family: 'Tilt Neon', sans-serif;
    font-size: 2.5em;
    color: whitesmoke;
}

.headerFaq{
    margin: 2%;
    min-height: 2em;
    margin-left: auto;
    margin-right: 5em;
}

.headerFaqTitle{
    font-family: 'Tilt Neon', sans-serif;
    font-size: 1.5em;
    text-decoration: none;
    color: whitesmoke;
}
</style>
