#loading-screen {
  width: 100%;
  height: 100%;
  display: flex; 
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #161420;
  position: absolute;
  transform: scale(1);
  opacity: 1;
  transition: all 1s;
}

#logo {
  width: 400px;
  display: flex;
}

#footer {
  width: 100%;
}

#window {
  fill: #161420;
  fill-rule: evenodd;
}

.bird {
  transform: translate(0px, 0px);
  fill: #161420;
}

#orange {
  fill: #e08f26;
}

#sun {
  fill: #fbad2f;
}

#ZUN {
  display: none;
  transform: translate(0px, 0px);
  fill: #fff;
  fill-rule: evenodd;
}

#CREATIVE {
  display: none;
  transform: translate(0px, 0px);
  fill: #9089a3;
  fill-rule: evenodd;
}

#footer {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}

#footer p {
  padding: 3vw;
}

#loading-bar-container {
  margin-top: -190px;
  width: 200px;
  height: 10px;
  background: #060508;
}

#loading-bar {
  background: #e08f26;
  width: 0%;
  height: 100%;
  transition: width 1s;
}

#loading-description {
  font-family: "odibee_sansregular";
  font-size: 0.8em;
  color: #342f4a;
  margin-top: 10px;
}