@charset "utf-8";

body {
  background: #fff;
}

.wrapper {
  display: flex;
  height: 100vh;

  align-items: center;
  justify-content: center;
}

svg {
  opacity: 0;
  width: 100%;
  max-width: 400px;
  height: auto;
}

.-start {
  opacity: 1;
}

.logo_path {
  fill: rgba(0,0,0,0);
  stroke: #222;
  stroke-width: 1;
}

.-view {
  animation: setFill 1s ease-in 0s forwards;
}

@keyframes setFill {
  from {
    fill: rgba(0,0,0,0);
    stroke-width: 1;
  }
  to {
    fill: rgba(0,0,0,1);
    stroke-width: 0;
  }
}

@media (max-width: 768px) {
  svg {
    width: 80%;
  }
}