html {
    background-image: url(../images/crapstable.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    
}

body {
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    margin-left: 50px;
    margin-right: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    
    
    
}

.h1title {
    text-align: center;
    font-family: "Faster One", system-ui;
    color: black;
    text-shadow: 4px 4px 5px green;
    font-size: 40px;
}
#rollButton {
    width: 150px;
    height: 100px;
    background-color: green;
    text-align: center;
    border-radius: 10%;
    border: 5px solid black;
    line-height: 100px;
    font-family: "Honk", system-ui;
    font-size: 25px;
    cursor: pointer;
    box-shadow: 2px 5px 8px black;
    margin: 0 auto;
    
}
#rollButton:hover {
       background-color: greenyellow;
}
#diceImage1, #diceImage2 {
    box-shadow: 2px 5px 8px black;
    border-radius: 12%;
    
}
.diceresult {
    display: flex;
    justify-content: space-around;
}
.diceimages {
    display: flex;
    justify-content: center;
    gap: 10px;
}
.game {
    background-color: gold;
    padding: 5px;
    border-radius: 10%;
    border: 15px double green;
    box-shadow: 4px 6px 8px black,
                -4px -6px 8px black;
}
#dice1p, #dice2p, #rollp, #userFeedback, #money, #betLabel {
    font-family: "Coiny", system-ui;
    font-size: 15px;
}
#betAmount {
    border: 5px solid brown;
    padding: 5px;
    background-color: greenyellow;
    border-radius: 10%;
    box-shadow: 1px 1px 10px black,
                -1px -1px 10px black;
    font-family: "Coiny", system-ui;
    color: brown;
    font-size: 15px;
    
}
#rollp {
    text-align: center;
    text-decoration: underline;
}






