/* reset css */
* {
     padding: 0;
     margin: 0;
     box-sizing: border-box;
}

/* Mode for screen width < 768px (mobile devices) */
@media (max-width: 768px) {
     .daddy-contain>div {
          width: 100%;
          padding: 10px;
     }

     table {
          font-size: 0.8em;
     }

     td b {
          font-size: 1.2em;
     }

     .btn {
          font-size: 0.9em;
     }
}

html {
     font-family: Arial, Helvetica, sans-serif;
}

/* customs */
.daddy-contain {
     position: relative;
     height: 1vh;
}

.daddy-contain>div {
     box-shadow: 10px 20px 30px rgb(0, 0, 0);
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, 5%);
}

tr td:first-child {
     width: 15%;
     max-width: 100px;
}

td b {
     font-size: 1.7em;
     line-height: 40px;
}


.table td,
.table th {
     padding: 0.75rem;
     line-height: 25px;
     vertical-align: top;
     border-top: 1px solid #dee2e6;
}