#LA{
    color: #3355CC;
}

#RG {
    color: #E2CA2F;
}

#masthead {
    background: #282A2E;
}

@keyframes bink {
    0%, 100% { opacity: 0; }
    50% { opacity: 1; }    
}

@keyframes bink1 {
    0%, 100% { opacity: 0; }
    25% { opacity: 1; }    
}

@keyframes bink2 {
    0%, 100% { opacity: 0; }
    50% { opacity: 1; }    
}

@keyframes bink3 {
    0%, 100% { opacity: 0; }
    75% { opacity: 1; }    
}

#myDiv {
    margin-top: 70px;
    height: 800px;
    width: 100%;
    align-self: center;
    align-items: center;
}

#myText {
    font-size: 120px;
    letter-spacing: 3px;
    font-weight: bolder;
    font-family: 'Courier New', Courier, monospace;
}

#myImg {
    height: 550px;
    width: 550px;
}

@media screen and (min-width: 400px) {
    #myDiv {
        margin-top: 50px;
        height: 500px;
        width: 100%;
        align-self: center;
        align-items: center;
    }
    
    #myText {
        font-size: 60px;
        letter-spacing: 3px;
        font-weight: bolder;
        font-family: 'Courier New', Courier, monospace;
    }
    
    #myImg {
        height: 300px;
        width: 300px;
    }
  }
  
@media screen and (min-width: 800px) {
    #myDiv {
        margin-top: 70px;
        height: 800px;
        width: 100%;
        align-self: center;
        align-items: center;
    }
    
    #myText {
        font-size: 120px;
        letter-spacing: 3px;
        font-weight: bolder;
        font-family: 'Courier New', Courier, monospace;
    }
    
    #myImg {
        height: 550px;
        width: 550px;
    }
}

#coming {
    color: #E2CA2F;
}

#soon {
    color: #3355CC;    
}

#span1 {
    animation: bink1 2s cubic-bezier(0.6, -0.28, 0.735, 0.045) 1s infinite;  
    color: #E2CA2F;  
}

#span2 {
    animation: bink2 2s cubic-bezier(0.6, -0.28, 0.735, 0.045) 1s infinite;    
    color: #3355CC; 
}

#span3 {
    animation: bink3 2s cubic-bezier(0.6, -0.28, 0.735, 0.045) 1s infinite;    
    color: #E2CA2F;
}