#logo_container {
  background-color: rgb(65, 64, 64);
  width: 48px;
  height: 40px;
  margin-left: 5px;
  display: flex;
  justify-content: space-around;
  align-content: center;
}

#k_trim {
  background-color: rgb(255, 145, 111);
  width: 8%;
  height: 80%;
  margin: auto;
  margin-right: 0;
}

#logo_k {
  background-color: rgb(247, 247, 247);
  width: 76%;
  height: 80%;
  margin: auto;
  margin-left: 0;
}


#logo_k {
  display: flex;
}

#k_right div {
  height: 0.09em;
  flex-shrink: 1;
  flex-grow: 1;
  background-color: rgb(65, 64, 64);
}

#k_left {
  width: 70%;
  display: flex;
  flex-direction: column;
}

#k_top,
#k_bottom {
  height: 50%;
  flex: 1 1 auto;
  display: flex;
}

#k_bottom {
  align-items: flex-end;
}

#k_top div,
#k_bottom div,
#k_right div {
  background-color: rgb(65, 64, 64);
}

#k_top div,
#k_bottom div {
  width: 0.12em;
  flex-shrink: 1;
  flex-grow: 1;
}

#k_top div:first-child,
#k_bottom div:first-child {
  height: 85%;
  margin-left: 50%;
  margin-right: 1.5%;
  animation: grow_d 2s 2;
}

@keyframes grow_d {
  0% {
    height: 1%;
  }
  100% {
    height: 85%;
  }
}

#k_top div:nth-child(2),
#k_bottom div:nth-child(2) {
  height: 75%;
  margin-left: 1.5%;
  margin-right: 1.5%;
  opacity: 0.6;
  animation: grow_e 2s 2;
}

@keyframes grow_e {
  0% {
    height: 1%;
  }
  100% {
    height: 75%;
  }
}

#k_top div:nth-child(3),
#k_bottom div:nth-child(3) {
  height: 65%;
  margin-left: 1.5%;
  margin-right: 15%;
  opacity: 0.3;
  animation: grow_f 2s 2;
}

@keyframes grow_f {
  0% {
    height: 1%;
  }
  100% {
    height: 65%;
  }
}

#k_right {
  width: 30%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
}

#k_right div:first-child,
#k_right div:last-child {
  width: 40%;
  opacity: 0.3;
  animation: grow_g 2s 2;
}

@keyframes grow_g {
  0% {
    width: 1%;
  }
  100% {
    width: 40%;
  }
}

#k_right div:first-child {
  margin-top: 60%;
  margin-bottom: 3%;
}

#k_right div:last-child {
  margin-top: 3%;
  margin-bottom: 60%;
}

#k_right div:nth-child(2),
#k_right div:nth-last-child(2) {
  width: 50%;
  margin-top: 3%;
  margin-bottom: 3%;
  opacity: 0.5;
  animation: grow_h 2s 2;
}

@keyframes grow_h {
  0% {
    width: 1%;
  }
  100% {
    width: 50%;
  }
}

#k_right div:nth-child(3),
#k_right div:nth-last-child(3) {
  width: 60%;
  margin-top: 3%;
  margin-bottom: 3%;
  opacity: 0.7;
  animation: grow_i 2s 2;
}

@keyframes grow_i {
  0% {
    width: 1%;
  }
  100% {
    width: 60%;
  }
}

#k_right div:nth-child(4) {
  width: 70%;
  margin-top: 3%;
  margin-bottom: 3%;
  animation: grow_j 2s 2;
}

@keyframes grow_j {
  0% {
    width: 1%;
  }
  100% {
    width: 70%;
  }
}