div.solidb { border-bottom: 5px solid #336666; } div.solidr { border-right: 3px solid red; } div.numcirc { border: 2px solid green; border-radius: 25px; } div.slrw { width: 400px; justify-content: space-around; display: flex; align-items: flex-start; min-height: 100%; } .sldgm { padding: 0px; margin-top: 15px; background-color:#e0d6fd; opacity: 0.6; display:inline-block; } div.snum { color:red; text-align: center; width: 38px; height: 38px; padding: 10px; font-size: 26pt; } div.snumh { color:red; text-align: center; width: 38px; height: 38px; padding: 10px; font-size: 20pt; } div.snonum { text-align: center; width: 10px; height: 56px; padding: 1px; } div.sldgmemrw { text-align: center; width: 10px; height: 20px; padding: 1px; } .sldgmnumfo { width: 40px; height: 40px; position: relative; text-align: center; } .numframe { width: 38px; height: 38px; position: absolute; font-size:26pt; color: red; padding: 10px 0px; } .overlay { font-size: 40pt; color: blue; padding: 12px 12px; transform: rotate(10deg); z-index: 12; } div.sldgmnumrw { width: 100px; justify-content: space-around; display: flex; align-items: flex-start; min-height: 100%; } .numframe2 { width: 30px; height: 30px; position: relative; text-align: center; } .l1 { position: absolute;font-size:16pt;color: red;padding: 0px 4px; } .l2 { font-size: 28pt;color: blue;padding: 0px 2px;transform: rotate(40deg);z-index: 12; } .c1 { width:100%;display:flex;justify-content:center; } .th1 { padding:10px;background-color: #99664c; color: white; border-radius:8px; } .b1 { text-align: center; width: 30px;; height: 30px;;; padding: 1px; font-size: 14pt;border-radius: 8px; } .cri { width: 600px; justify-content: space-around; display: flex; }