.acknowledgements-section {
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    /*align-items: center;*/
    padding: 2rem 10% 0 10%;
    overflow-x: hidden;
    text-align: justify;
    scroll-margin-top: 80px;
}

.acknowledgements-section p {
    padding-bottom: 10px;
}

.entry {
    border: 2px solid var(--border-light);
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 10px;
    scroll-margin-top: 80px;
}

.entry h2 {
    margin: 0 0 5px 0;
    font-size: 18px;
}

pre {
    background: #f4f4f4;
    padding: 10px;
    margin-top: 10px;
    overflow-x: auto;
    border-radius: 10px;
}


button {
    padding-inline: 10px !important;
    display: inline-block;
    padding: 12px 28px;
    border-radius: 50px;
    font-weight: bolder;
    text-align: center;
    transition: all 0.3s ease;
    cursor: pointer;
    background: var(--bg-light);
    color: var(--primary-blue);
    border: 2px solid var(--border-light);
}

button:hover {
    background: var(--bg-grey);
    color: var(--primary-purple);
}

h1, h2 {
    text-align: left;
}

@media screen and (max-width: 768px) {
    h1 {
        font-size: clamp(2rem, 2.2rem, 3rem);
        overflow-wrap: break-word;
    }
}