* {
    scroll-behavior: smooth;
    outline: none;
    font-family: comic sans ms;
    font-size: 20px;
}


body {
    background-image: url("images/logo_graphic.jpg");
    background-repeat: no-repeat;

    background-position-y: -220px;

    background-size: 100% auto;
    
    background-color: black;
    
    background-attachment: fixed;

}


.mainDiv {
    width: 100%;
    /* border: solid 2px gray; */
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.6);
    
    /* Position */
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;

    /* Flexbox */
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
}

.finesseLinkImg {
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 10px;
}

.bmcRem {
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 10px;
}

.stuff {
    position: absolute;
    top: 300px;
}


#pword {
    background-color: rgb(128, 128, 128, .5);
    /* color: red; */
    font-family: Verdana;
}

::placeholder {
    color: #333333;
}

.backBtn {
    width: 60px;
    position: absolute;
    top: 40px;
    left: 20px;
    z-index: 5;

}

/* ************************************************************************************* */

@media only screen and (max-width: 800px) {

    body {
    
        background-image: none;
        color: white;
    
    }


    .mainDiv {
        flex-direction: column;
        height: 600px;

    }

    .stuff {
        display: none;
    }

    

}