@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic+Coding&display=swap');

* {
  box-sizing: border-box;
}

body {
  background-color: black;
  font-family: "Nanum Gothic Coding", sans-serif;
  color: white;
  margin: 0;
}

header {
  display: flex;
  max-width: 70%;
  align-items: center;
  height: 100%;
  margin: 0 auto;
  filter: drop-shadow(5px 5px 5px rgba(255, 255, 255, 0.5));
}

header logo {
  height: 100px;
  width: auto;
}

header img {
  height: 300px;
  width: auto;
}

@media (max-width: 700px) {
  header {
    max-width: 90%;
    height: 50%;
  }

  header logo {
    height: 50px;
  }
  
  header img {
    height: 150px;
  }
}

@-webkit-keyframes svg-text-anim {
  40% {
    stroke-dashoffset: 0;
    fill: transparent;
  }

  60% {
    stroke-dashoffset: 0;
    fill: #ffffff;
  }
  
  100% {
    stroke-dashoffset: 0;
    fill: #ffffff;
  }
}

@keyframes svg-text-anim {
  40% {
    stroke-dashoffset: 0;
    fill: transparent;
  }
  
  60% {
    stroke-dashoffset: 0;
    fill: #ffffff;
  }
  
  100% {
    stroke-dashoffset: 0;
    fill: #ffffff;
  }
}