body {
    background-color: black;
    padding-top: 100px;    
}

/* HOME BUTTON */
.famHomeBtn {
    position: fixed;
    right: 10px;
    bottom: 155px;

    border: orange solid 1px;

    display: flex;
    flex-direction: row;
    align-items: center;

    background-color: rgb(0, 0, 0, 0.9);
    
    padding-top: 5px;
    padding: 4px;
    padding-left: 30px;
    padding-right: 30px;
    
    height: 35px;
    color: orange;
    font-size: 20px;
    font-weight: bold;
    
    /* border: solid 1px black; */
    border-radius: 5px; 
    font-family: "cooper black";
}

.famHmBtnIcon {
    width: 45px;
    border-radius: 50%;
    border: solid 4px rgb(0, 0, 0, 0.9);
}

/* NAV */
nav {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    background-image: url("https://clipartion.com/wp-content/uploads/2015/11/happy-birthday-clip-art-black-and-white-download-free-happy.png");
    background-size: 110px;
    /* background-color: #0066ff; */
    background-color: gray;
    height: 70px;
    border: 0px;
    border-bottom: orange solid 5px;
}

/* HBD */
.HBD_Pic {
    height: 430px;
    border-radius: 40%;    
}


.HBD {
    /* position: fixed;        
    z-index: 8;
    top: 5px;
    right: 5px; */
    /* border: solid silver 3px; */
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    justify-items: center;
    width: 100%;
    color: transparent;
}

.HBD_txt {
    
    
}

.B-DATE_2 {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    position: fixed;
    bottom: 5px;
    left: 10px;
    color: orange;
    font-size: 72px;
    border: #0066ff solid;
    border-radius: 20px;
    width: 730px;
    padding-top: 10px;
}

.CupCake {
    height: 72px;
}

h3 {
    color: #0066ff;
}

/* RACE CAR  */
.raceCarRichardPetty {
    position: fixed;
    top: 80px;
    left: 10px;
    border-radius: 20px;
    z-index: -1;
    
    /* width: 200px; */
}

.raceCarFloat {
    position: fixed;
    top: 30px;
    left: 230px;
    width: 210px;
    z-index: 5;
    border-radius: 50%;
    border: solid 5px orange;
}

.twenty19Div {
    position: fixed;
    right: 10px;
    top: 10px;

    display: flex;
    flex-direction: column;
    align-items: center;
    /* align-content:;  */
}

/* TWIN QUOTES */
.quotesContainer {
    display: flex;
    flex-direction: row;
    background-color: dodgerblue;
    border: dodgerblue solid 4px;
    border-radius: 10px;
    position: fixed;
    bottom: 5px;
    right: 5px;
    width: 50%;    
}

.twinsGCGradPic {
    border: none;
    border-right: dodgerblue solid 5px;
}

.twinQuotesList {
    height: 100px;
    
}

.twinQuotesDiv {
    display: flex;
    flex-direction: row;
    overflow: scroll;
}



/* *******************************  MEDIA QUERY  ******************************************************** */

@media only screen and (max-width: 640px) {
    
    
    .raceCarRichardPetty {
        position: fixed;
        width: 50%;        
        left: 10px;  
        top: 200px;
    }
           
    .HBD {
        position: inherit;
        /* bottom: 5px;
        right: 5px;
        z-index: 22; */
        /* width: 75%; */
        padding-bottom: 5px;        
    }

    .HBD_Pic {
        height: 230px;
    }
    
    .raceCarFloat {
        position: fixed;
        top: 220px;
        left: 180px;

        width: 150px;
        
        z-index: 5;
        border-radius: 50%;
        border: black solid 2px;
        /* width: 200px; */
              
        /* display: none;   */
    }
            
    .quotesContainer {
        position: fixed;
        bottom: 0px;
        right: 0px;
        width: 95%;
    }

    .famHomeBtn {
        
        color: orangered;
        /* position: fixed;
        left: 250px;
        top: 350px; */
    }

    .HBD_txt {
        display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    padding-top: 40px;
    padding-left: 10px;
    /* color: orange; */


    color: dodgerblue;
    font-size: 30px; 
    }

    .B-DATE_2 {
        display: none;
    }

    
}

/* GRAYSCALE BIRTHDAY IMGs */
/* *********************** */
/* https://c7.uihere.com/files/1020/42/408/birthday-cake-drawing-wedding-cake-cupcake-wedding-cake.jpg */

/*  

https://cdn.imgbin.com/21/9/3/imgbin-birthday-dribbble-happy-birthday-calligraphy-transparent-happy-birthday-text-4dnHYnbei57LCbpaPx2xLikS8.jpg


****************************
*                          *
**  PNG w/TRANSPARENT BG  **
*                          *
****************************
https://clipartion.com/wp-content/uploads/2015/11/happy-birthday-clip-art-black-and-white-download-free-happy.png








*/