body {
    background-color: #ffffff;
    background-color: #000000;
}

#dgt {
    font: bold 25px Arial;
    cursor: pointer;
}

#score {
    font: bold 20px Arial;
    color: #cc0000;
}

#official {
    color: #ff00ff;
    cursor: pointer;
}

#practice {
    color: #66c7ff;
    text-decoration: underline;
    cursor: pointer;
}

#help,
#stats,
#share {
    color: #45c91d;
    text-decoration: underline;
    cursor: pointer;
}

#share {
    /* display: none; */
    display: inline;
}

#yellow {
    color: #cc9900;
}

#blue {
    color: #33adff;
}

#green {
    color: #538d4e;
}

#dark {
    color: #555555;
}

#head {
    color: #bb5500;
    color: #ffbb00;
    font: bold italic 27px arial;
}

#overlay,
#overlay2,
#overlay3 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
}

#window,
#window2,
#window3 {
    position: relative;
    background-color: white;
    width: 330px;
    height: 500px;
    padding: 20px;
    border-radius: 5px;
}

#closeButton {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-weight: bold;
}

#closeButton2 {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-weight: bold;
}

#closeButton3 {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-weight: bold;
}