body {
    background-color: orange;
    margin: 0%;
}

.main_title {
    display: flex;
    justify-content: center;
    align-items: center;
    /* text-align: center; */
    background-color: white;

    font-family: 'Orbitron', sans-serif;
    color: orange;
    font-size: xx-large;
    font-weight: bold;
    letter-spacing: .3rem;

    animation-name: main_title;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

/* https://cssloaders.github.io/ */
.loader {
    width: 48px;
    height: 48px;
    border: 3px dotted rgb(0, 119, 255);
    border-style: solid solid dotted dotted;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    animation: rotation 2s linear infinite;
    left: 1rem;
  }
  .loader::after {
    content: '';  
    box-sizing: border-box;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 3px dotted orange;
    border-style: solid solid dotted;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    animation: rotationBack 1s linear infinite;
    transform-origin: center center;
  }
      
  @keyframes rotation {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  } 
  @keyframes rotationBack {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(-360deg);
    }
  } 

.under_construction {
    display: flex;
    justify-content: center;
    /* align-items: center; */
    /* text-align: center; */

    font-family: 'Orbitron', sans-serif;
    color: rgb(255, 255, 255);
    font-size: xx-large;
    letter-spacing: .3rem;

    animation: fadeIn 1s linear;
}

.construction_indicators {
    display: flex;
    justify-content: center;
    /* align-items: center; */
    /* text-align: center; */

    font-family: 'Orbitron', sans-serif;
    color: rgb(255, 255, 255);
    font-size: xx-large;
    letter-spacing: .3rem;

    opacity: 0;
}

.cons_ind_1 {
    animation: blinker 1s steps(1, end) infinite;
    animation-delay: 1s;
}

@keyframes fadeIn{
    0% { opacity: 0;}
    100% {opacity: 1;} 
}

@keyframes blinker{
    50% { opacity: 1; }
}

.contact_footer {
    font-family: 'Orbitron', sans-serif;
    font-size: larger;
    color: rgb(0, 102, 255);
    background-color: white;
    position: absolute;
    bottom: 0%;
    margin: 0%;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;

    color: orange;
    
}