/* 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: #ffcc9a;
    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: #000000;
    color:#ffcc9a;;

}

/* 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:#9affcc;
}
a:link {
    color: #9affcc;
}
a:hover {
    color:#9a9bff;
}