/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .mainContent {
        max-width: 100%;
    }
    .customCard {
        width: 260px;
    }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .mainContent {
        max-width: 75%;
    }
    .customCard {
        width: 360px;
    }
}

.errorImage {
    max-width: 30em;
}

.sectionLink:hover {
    --bs-link-underline-opacity: 100;
}