/*
@media screen and (max-width: 400px) {
    h2 {
        font-size: 400%;
    }

    h3 {
        font-size: 400%;
    }
}
*/

h2 {
    background-color: lightgray;
    border-style: solid;
    border-radius: 5px;
    padding: 10px;
    font-family: Arial, Helvetica, sans-serif;
    max-width: fit-content;
    text-align: center;
    margin: auto;
    font-size: clamp(20px, 9vw, 36px);
}

h3 {
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    padding: 20px;
    margin: auto;
    font-size: clamp(16px, 7vw, 28px);
}