/* flex 1 */

.container_a {
    display:flex;
    
}
.container_a div {
    font-size: 1;
    color: white;
}

.container_b {
    display:flex;
    
}
.container_b div {
    font-size: 1;
    color: white;
}




/* child containers  a */
.dawn {
    flex:1;
    

}

.sunset {
    display:flex;
    flex:1;
    flex-direction:column;
    border-style: double;
    border-color: #417260;
    border-radius: 6px;
    align-items:center;
    
    
}

.night {
    flex:1;
    

}

/* child in container b */
.o {
    display:flex;
    flex-direction:row;
}
.p {
    display:flex;
    flex-direction:column;
    align-items:center;
}


/* child containers b*/
.warp {

    position: fixed;
    left: 50%;
    bottom: 20px;
    transform: translate(-50%, -50%);
    margin: 0 auto;
}
.warp span {
    border: 1px solid #aaa;
    margin: 10px;
    /* text stuff */
    text-shadow: 0 0 3px #44299a;

   }

/* body */

body {

    background-color: #383339;
    color:#547f74;

}



/* gen page display */

.ledxf {
    display:flex;
    flex-direction:column;
    gap:100px;
    justify-content:center;
    height:20%;
    width:20%;
    margin: 80px 00px 0px 0px;
   
}

.disp {
    display: flex;
    flex-direction: column;
    gap:50px;
    text-align:center;

}

/* colors */

a:visited {
    color:#417260;
}
a:link {
    color: #529176;
}
a:hover {
    color:#fd6847;
}


/* animation */

.text {
  text-indent: 8px;
  color:white;
}

.animated:before {
  content: "///////";
  animation: topToBottom 5s infinite 0s;
}

@keyframes topToBottom {
  0% {
    content: "/ / / / / / / ";
  }
  10% {
    content: "/ / / / / / ";
  }
  20% {
    content: "/ / / / / ";
  }
  30% {
    content: "/ / / / ";
  }
  40% {
    content: "/ / / ";
  }
  50% {
      content:"/ / "
  }
  60% {
      content:"/ "
  }
  65% {
      content:"‎ "
  }
  70% {
      content:"/ "
  }
  75% {
      content:"/ / "
  }
  80 {
      contnet:"/ / / "
  }
  85% {
      content:"/ / / / "
  }
  90% {
      content:"/ / / / / "
  }
  95% {
      content:"/ / / / / / "
  }
  100% {
      content:"/ / / / / / / "
  }
}