.title { text-align: center; font-size: 2.5em; font-weight: bold; margin: 0 0 2rem 0; } .entry { padding: 0 1rem; border-radius: 10px; } .abilities { margin-top: 1.5rem; position: relative; } .ability { position: relative; } .ability-name { font-size: 1.125rem; font-weight: bold; margin-bottom: 1rem; margin-left: 1rem; } .feature-button { position: absolute; right: 0; top: 1.5rem; } .feature-description { padding: 0 2rem 0 3rem; } .title-row { display: flex; justify-content: space-between; align-items: center; } .hidden-title-row { background-color: rgba(211, 211, 211, 0.3); border-radius: 15px; display: flex; justify-content: space-between; align-items: center; padding: 1rem; } .hidden-title { font-size: 0.875rem; font-weight: 600; color: darkgrey; } :host ::ng-deep h3, :host ::ng-deep h4 { margin-top: 1rem; } ::ng-deep .table { --bs-table-bg: transparent !important; } // /* Style the table header */ // th { // background-color: #f2f2f2; // text-align: left; // padding: 8px; // } // /* Style the table cells */ // td { // border: 1px solid #ddd; // padding: 8px; // } // /* Style the table rows */ // tr:nth-child(even) { // background-color: #f2f2f2; // }