* {
    box-sizing:border-box;
}

/*_)_)_)_)_)_)_)_)_)_)_)_)_)_)_)_)_)__)_)_)_)_)_)_)_)_)_)_)_)_)_)_)New Code*/

th {
    font-weight: bolder;
    padding: 2px;
    border-style: solid;
    border-color: black;
    margin: 0;
    height: 50px;
    font-size: 14px;
    text-align: center;
}

td {
    padding: 2px;
    border-style: solid;
    border-color: black;
    margin: 0;
    font-size: 14px;
    text-align: center;
}

.app-window {
    background-color:black;
    border-radius: 10px;
    width:100%;
    display:flex;
    justify-content:flex-start;
    align-items:center;
}

.yahtzy-score {
    color:#230042;
    margin:10px;
    padding:10px;
    border-radius: 10px;
    outline: #230042;
    padding: 3px;
    border-style: solid;
    border-color: black;
    margin: 0;
    display:flex;
    justify-content:flex-start;
    text-align: center;
}

.yahtzy-score-button {
        display:block; 
        font-size: 15px;
        color: #1b263B;
        border: 0px transparent;
        background-color: #B3B3F1;
        border-radius: 7px;
        padding: 5px;
        box-shadow:none;
        margin-top:2px;
        margin-bottom:2px;
        font-weight: bolder;
}

.yahtzy-score-name {
    padding: 5px;
    border-style: solid;
    border-color: black;
    margin: 0;
}

.yahtzy-score-how-to {
    padding: 5px;
    border-style: solid;
    border-color: black;
    margin: 0;
}

.score-td {
    height: 43px;
    width:75px;
}

.yahtzy-dice {
    width:65px;
    height:65px;
    background-color: aliceblue;
    margin:5px;
    margin-top:10px;
    border-radius:15px;
}

.yahtzy-player-comms {
    color:black;
    background-color: transparent;
    text-align: center;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

#dice-column {
    display:flex;
    flex-direction: column;
    align-items: center;
}

#yahtzy-one-div {
    border: black solid 7px;
}
#yahtzy-one-div:hover {
    border: aliceblue solid 7px;
}

#yahtzy-two-div {
    border: black solid 7px;
}
#yahtzy-two-div:hover {
    border: aliceblue solid 7px;
}

#yahtzy-three-div {
    border: black solid 7px;
}
#yahtzy-three-div:hover {
    border: aliceblue solid 7px;
}

#yahtzy-four-div {
    border: black solid 7px;
}
#yahtzy-four-div:hover {
    border: aliceblue solid 7px;
}

#yahtzy-five-div {
    border: black solid 7px;
}
#yahtzy-five-div:hover {
    border: aliceblue solid 7px;
}

#yahtzy-upper-section {
    border-collapse: collapse;
    width:100%;
    background-color: aliceblue;
}

#yahtzy-lower-section {
    border-collapse: collapse;
    width:100%;
    margin-left:45px;
    background-color: aliceblue;
}

#yahtzy-roll-button {
    padding-left: 15px;
    padding-right:15px;
    margin-top:20px;
}

#yahtzy-overlay {
    visibility: hidden;
}

#yahtzy-player-comms-background {
    padding:100%;
    background-color:#1b263B;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    opacity:95%;
}

#yahtzy-player-message {
    background-color: transparent;
    color:aliceblue;
}

#yahtzy-clear-button {
    border:transparent;
    width:150px;
}


/*_)_)_)_)_)_)_)_)_)_)_)_)_)_)_)_)_)__)_)_)_)_)_)_)_)_)_)_)_)_)_)_)New Code*/



/*v All Pages Applicable Styles v*/

/*Direct Element Styles*/

li, h1, h2, h3, h4, h5, p {
    color:#1b263B;
}

li {
    list-style-type:none;
}

h2 {
    color:aliceblue;
    background-color:#1b263B;
    border-radius:10px;
    padding:5px 15px;
}

body {
    background-color: black;
    font-family: "Lucinda", sans-serif;
}

/*Classes*/

/*^ All Pages Applicable Styles ^*/
/*v Project Pages Applicable Styles v*/

/*Direct Element Styles*/

button {
    display:block; 
    margin: 0 auto;
    font-size: 20px;
    color: #1b263B;
    border: 0px solid #1b263B;
    background-color: #B3B3F1;
    border-radius: 10px;
    padding: 3px;
    box-shadow: 5px 5px #B3B3F1;
}

button:hover {
    background-color: #42e2b8;
}

/*Classes*/

.project-main {
    background-color: aliceblue;
    margin:10px;
    border-radius: 10px;
    display:flex;
    flex-wrap: wrap;
    justify-content:flex-start;
    align-items:center;
    padding:20px;
}

/*^ Project Pages Applicable Styles ^*/