#layer_logo .layer_content{
  pointer-events: none;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
  height: calc(100% - 0.4em);
  pointer-events: none;
}


#intro_container{
  width: 90%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
#ic_logo_wrapper img {
  width: 100%;
  max-width: 15em;
  filter: brightness(1.0);
  animation: ic_logo_glow 1.1s ease-in-out infinite;
}
@keyframes ic_logo_glow{
  0%{filter:brightness(1.0);}
  50%{filter:brightness(1.2);}
  100%{filter:brightness(1.0);}
}
#intro_h_lines_container {
  height: 10%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.intro_h_line {
  height: 100%;
  width: 50%;
}
#intro_h_line_0 {
  transform: scale(1, 1);
}
#intro_h_line_1 {
  transform: scale(-1, 1);
}
#intro_title_container {
  height: 10%;
  display: flex;
  flex-direction: row;
  filter: hue-rotate(42deg) brightness(1.1);
}


.intro_h_line #circuit {
  filter: drop-shadow(0px 0px 0.5em aqua);
}

#intro_v_lines_container {
  height: 20%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.intro_v_line_wrapper {
  width: 12.5%;
}
.intro_v_line_wrapper svg {
  width: 70%;
}

.LVL_powernode{
  position: absolute;
  top:0;
  left:50%;
  width: 1.0em;
  height:1.0em;
  border-radius: 100%;
  /*display: none;*/
  filter: drop-shadow(0 0 3px var(--path-color)) drop-shadow(0 0 3px var(--path-color)) drop-shadow(0 0 3px var(--path-color));
  animation: LVL_powernode_fadeIn 0.5s forwards;
  animation-timing-function: cubic-bezier(0,1.25,.56,.88);
  transform:translate(-50%, -50%) scale(0);
}
@keyframes LVL_powernode_fadeIn{
  from{
    transform:translate(-50%, -50%) scale(0);
  }
  to{
    transform:translate(-50%, -50%) scale(1);
  }
}

#intro_h_lines_container path{
  filter: drop-shadow(0 0 5px var(--path-color));
}

#intro_v_lines_container path{
  filter: drop-shadow(0 0 5px var(--path-color)) drop-shadow(0 0 5px var(--path-color));
}
.intro_title_letter_wrapper{
  width: 12.5%;
  height: 100%;
  font-size: 2em;
  font-family: Revans-Medium;
  filter: drop-shadow(0 0 0.1em var(--font-color)) drop-shadow(0 0 0.1em var(--font-color));
  background: -webkit-linear-gradient(var(--font-color), #eee);
    background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.intro_fadeOut{
  animation: intro_fading_out 1s ease forwards;
}
@keyframes intro_fading_out{
  from{opacity: 1}
  to{opacity: 0}
}



/* --- Responsivity --- */
  
/* Portrait */
@media screen and (max-aspect-ratio: 100/371){
  .intro_title_letter_wrapper{
    font-size:1.5em;
  }
}
@media screen and (max-aspect-ratio: 284/356){
  #intro_v_lines_container{
    height: 10%;
  }
  .LVL_powernode{
    width: 0.5em;
    height: 0.4em;
  }
  #intro_h_lines_container{
    height:6%;
  }
}

/* Landscape */
@media screen and (min-aspect-ratio: 477/326){
  #app_header.logo_displaying{
    display: none;
  }
  #intro_container{
    width: 40%;
  }
  #intro_v_lines_container{

    height:15%;
  }
  .LVL_powernode{
    width: 0.4em;
    height: 0.3em;
  }
}
@media screen and (min-aspect-ratio: 385/179){
  #ic_logo_wrapper img{
    max-width: 10em;
  }
  #intro_title_container{
    height:20%;
  }
  #intro_container {
    width: 30%;
  }
}
@media screen and (min-aspect-ratio: 385/122){
  #ic_logo_wrapper img {
    width: 100%;
    max-width: 7em;
  }
  .intro_title_letter_wrapper{
    height:150%;
  }
}