solitaire.css

/* Solitaire CSS */
body {
   font-family: "Open Sans";
   margin-top: 50px;
   color: #333;
   text-align: center;
}
table.gameboard {
   padding: 15px;
   border-radius: 7px;
   border: 3px outset lightgray;
   background-color: #f8f8f8;
}
table.gameboard td {
   width: 44px;
   height: 44px;
   padding: 4px;
   text-align: center;
}
.droppable {
   background-image: url("solitaire_slot.png");
   width: 44px;
   height: 44px;
   border-radius: 22px;
}
.draggable {
   background-image: url("solitaire_peg.png");
   width: 44px;
   height: 44px;
   border-radius: 22px;
   cursor: pointer;
}
.message {
   font-size: 200%;
   font-weight: bold;
   margin-top: 20px;
   margin-bottom: 20px;
   text-align: center;
}
.hint {
   margin-top: 15px;
   margin-bottom: 15px;
   text-align: center;
}
.buttondiv {
   margin-top: 30px;
}
.button {
   font-weight: bold;
   cursor: pointer;
   color: rgb(16, 79, 240);
}
span.sperator {
   padding-left: 5px;
   padding-right: 5px;
   font-weight: bold;
}
.gamebox {
   display: inline-block;
}