#mainDiv {
   margin: 25px auto;
   width: 700px;
   border: 2px solid #a2a2a2;
   box-shadow: 3px 3px 15px #858585;
}

#imageRow {
   width: 700px;
   height: 400px;
   background-image: url(pingPong.png);
}

#titleRow {
   width: 100%;
   padding: 10px 0;
   border: 1px solid #a2a2a2;
   background-color: #f8f6dc;
   display: flex;
   justify-content: space-evenly;
}

#title {
   width: 50%;
   font-weight: 800;
   font-size: 1.4rem;
   letter-spacing: 2px;
}

#winLoss {
   width: 50%;
   font-weight:600;
   font-size: 1.25rem;
   font-style: italic;
   letter-spacing: 5px;
}

#p1Display {
   padding: 0 8px;
}

#p2Display {
   padding: 0 8px;
}

#scoreRow {
   width: 100%;
   display: flex;
   justify-content: space-evenly;
}

#scoreDisplay {
   padding: 10px 25px;
   width: 50%;
   text-align: left;
}

#resetAnnounce {
   padding: 10px 25px;
   width: 50%;
   font-size: 1.15rem;
   font-weight: bold;;
   display: flex;
   justify-content: center;
   align-items: center;
}

#scoreRowTop {
   font-size: 2.75rem;
   font-weight: 500;
}

#scoreRowMid {
   padding: 10px 0;
   font-size: 1.25rem;
   font-weight: 600;
}

#scoreRowBot {
   padding: 10px 0;
}

#buttons {
   width: 100%;
   padding: 0;
   border: 1px solid #a2a2a2;
   font-size: 1.15rem;
   font-weight: bold;;
   display: flex;
   justify-content: space-evenly;
}

#p1Button {
   width: 33%;
   margin: 0px auto;
   padding: 15px;
   color: white;
   background-color: #47b076;
   border: 1px solid #a2a2a2;
}

#p2Button {
   width: 34%;
   margin: 0px auto;
   padding: 15px;
   color: white;
   background-color: #4778b0;
   border: 1px solid #a2a2a2;
}

#reset {
   width: 33%;
   margin: 0px auto;
   padding: 15px;
   color: white;
   background-color: #b04761;
   border: 1px solid #a2a2a2;
}

#playTo {
   border-radius: 6px;
}

.winner {
   padding: 0 8px;
   color: green;
}

.looser {
   padding: 0 8px;
   color: rgb(238, 49, 36);
}

.opacity {
   opacity: 50%;
}