<template>
  <div class="quote">
    <div class="quote__container">
      <div class="quote__quote">{{ text }}</div>
    </div>
  </div>
</template>

<script>
export default {
  props: ['text'],
}
</script>

<style lang="scss">
.quote {
  &__container {
    display: flex;
    position: absolute;
    left: 35%;
    top: 35%;
    width: 30%;
    height: 30%;
    align-items: center;
  }
  &__quote {
    text-align: justify;
    font-family: Dosis;
    font-size: 24px;
    color: #ffffff;

    &:before {
      content: '„';
    }
    &:after {
      content: '“';
    }
  }
}
</style>
