body{
    margin: 0px;
    padding: 0px;
}

#table{
    height: 100vh;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

#green{
    height: 100%;
    width: 100%;
}

.buttons{
    position: absolute;
    bottom: 5%;
    left: 35%;
    height: 10%;
    width: 30%;
    display: flex;
    justify-content: space-around;
}

#betButtons{
    position: absolute;
    bottom: 5%;
    left: 25%;
    height: 10%;
    width: 50%;
    display: flex;
    justify-content: space-around;
    visibility: hidden;
    font-size: .5em;
    z-index: 1;
}

.button{
    height: 90%;
    width: 30%;
    border-radius: 15%;
    box-shadow: 3px 3px 2px;
    background-color: slategrey;
    font-size: 2vw;
}

.scoring{
    position: absolute;
    bottom: 2%;
    left: 5%;    
    font-size: 2em;
    color: whitesmoke;
    text-shadow: 3px 3px 2px black;
}

#dealer-hand{
    position: absolute;
    top: 22.5%;
    left: 34%;
    height: 17%;
    width: 5%; 
    display: flex;
    flex-direction: row;
}

#player-hand{
    position: absolute;
    bottom: 17%;
    left: 28%;
    height: 17%;
    width: 5%; 
    display: flex;
    flex-direction: row;
}

#popUpMessage{
    visibility: hidden;
    z-index: 2;
    position: absolute;
    top: 21%;
    left: 20%;
    width: 60vw;
    height: 75vh;
    /* transition: 2s; */
}

#popUpImage{
    width: 100%;
    opacity: .7;
    height: 70vh;
    margin: 0px;
    padding: 0px;
    box-shadow: 5px 5px 3px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    z-index: 3;
    position: relative;
    /* transition: 1s; */
}

#continue-button{
    position: relative;
    border-top: 2px solid black;
    font-size: 2em;
    padding:0px;
    margin-top: -4vh;
    width: 100%;
    height: 5vh;
    z-index: 4;
    box-shadow: 5px 5px 3px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

#over-button{
    position: ;
    position: absolute;
    bottom: 5%;
    left: 35%;
    height: 10%;
    width: 30%;
    z-index: 1;
    font-size: 3em;
    background-color: grey;
    visibility: visible;
    border-radius: 15px;
}

.winTally{
    position: absolute;
    display: flex;
    flex-direction: column;
    top: 45%;
    left: 5%;
    color: whitesmoke;
    text-shadow: 3px 3px 2px black;
    font-size: 2em;
}

#cash-box{
    position: absolute;
    display: flex;
    flex-direction: column;
    bottom: 2%;
    right: 5%;
    color: whitesmoke;
    text-shadow: 3px 3px 2px black;
    font-size: 2em;
}

.card{
    transition: 2s;
    height: 0px;
    border-radius: 6%;
    margin-right: 5px;
} 

#money{
    width: 20%;
    position: absolute;
    bottom: 5%;
    right:5%;
}