body {
    padding: 2rem;
    font-family: Arial, sans-serif;
    background: #22C1C3;
    background: linear-gradient(0deg, rgba(34, 193, 195, 1) 0%, rgba(253, 187, 45, 1) 100%);
}
h1, h2 {
    font-size: 3rem;
    margin-bottom: 0.5rem;
    font-family: "DM Serif Text", serif;
    text-align: center;
    padding-bottom: 20px;            
}
h2 {
    font-size: 2.2rem;
}
p.description {
    font-size: 1.5rem;
    color: #555;
    font-family: "Noto Sans", sans-serif;
}
.custom-list {
    text-align: center;
}
.custom-list li {
    font-size: 1.51rem;
    padding: 0.3rem 0;
    font-family: "Noto Sans", sans-serif;
}
.dm-serif-text-regular {
    font-family: "DM Serif Text", serif;
    font-weight: 400;
    font-style: normal;
}
.dm-serif-text-regular-italic {
    font-family: "DM Serif Text", serif;
    font-weight: 400;
    font-style: italic;
}
/* <weight>: Use a value from 100 to 900
*  <uniquifier>: Use a unique and descriptive class name

.noto-sans-<uniquifier> {
    font-family: "Noto Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
    font-variation-settings:
        "wdth" 100;
}
*/
.container {
    background: white;
    border-radius: 30px;
    padding: 50px;
}

.container a {
    color: rgb(252 187 46);
    text-decoration: underline;
}
.container a:hover {
    color: rgb(222, 165, 41);
    text-decoration: none;
}

.table-responsive .table {
    border-radius: 10px;
    overflow: hidden;
}

.table-responsive .table th {
    background: #8b8b8b;
    padding: 15px;
    font-size: 20px;
}