<template>
  <div class="flex row items-center">
    <svg
      class="iconcolor q-mr-sm"
      viewBox="0 0 8.4666662 8.4666662"
      width="32"
      height="32"
      version="1.1"
      id="svg1"
      xmlns="http://www.w3.org/2000/svg"
      xmlns:svg="http://www.w3.org/2000/svg"
      >
      <defs id="defs1" />
      <g id="layer1">
        <rect
          style="fill:var(--icon-color);stroke-width:0.233149"
          id="rect5"
          width="6.9885192"
          height="0.35581663"
          x="3.114475"
          y="0.86827624"
          transform="matrix(0.77578367,0.63099897,-0.77578367,0.63099897,0,0)"
        />
        <rect
          style="fill:var(--icon-color);stroke-width:0.24961"
          id="rect5-7"
          width="7.4819207"
          height="0.3809379"
          x="-3.9267058"
          y="5.7988153"
          transform="matrix(-0.70756824,0.70664502,0.70756824,0.70664502,0,0)"
        />
        <circle
          style="fill:var(--icon-color);stroke-width:0.134869"
          id="path5-8"
          cx="1.5875"
          cy="6.8791666"
          r="1.0583333"
        />
        <circle
          style="fill:var(--icon-color);stroke-width:0.168586"
          id="path5-8-5"
          cx="7.1437502"
          cy="7.1437502"
          r="1.3229166"
        />
        <circle
          style="fill:var(--icon-color);stroke-width:0.118011"
          id="path5-8-5-1"
          cx="1.4552083"
          cy="2.5135417"
          r="0.92604166"
        />
        <circle
          style="fill:var(--icon-color);stroke-width:0.101152"
          id="path5-8-5-1-7"
          cx="7.1437502"
          cy="1.3229166"
          r="0.79374999"
        />
        <circle
          style="stroke-width:0.23602"
          id="path5"
          cx="3.96875"
          cy="4.4979167"
          r="1.8520833"
        />
      </g>
    </svg>

    <span class="text-h4 q-pa-0" style="color: var(--logo-color-bg-white);">
      projects
    </span>

    <span class="text-h4 text-brand text-bold q-pa-0">
      Node
    </span>

  </div>
</template>

<script setup lang="ts">
</script>

<style lang="scss">
  body {
    background: white;
    margin: 0rem;
    min-height: 100vh;
    font-family: Futura, sans-serif;
  }

  #canvas {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    z-index: -1;
  }

  .iconcolor {
    --icon-color: var(--logo-color-bg-white);
  }

  @keyframes blink {
    100%,
    0% {
      fill: $light-green-14;
    }
    60% {
      fill: $green-14;
    }
  }

  #path5 {
    animation: blink 3s infinite;
  }
</style>
