@media all and (orientation: portrait) {
    .content_div {
        border: 1px solid #d0d0d0;
        margin: 6pt 6pt;
        padding: 12pt;
        background-color: rgba(255, 255, 255, 0.25);
        border-radius: 12pt;
        box-shadow: inset -12pt 12pt 12pt rgba(0, 0, 0, 0.28), inset 10pt -10pt 10pt rgba(255, 255, 255, 0.75);
        text-align: center;
        overflow:auto;
    }
}

@media all and (orientation: landscape) {
    .content_div {
        margin: 12pt;
        padding: 12pt;
        border: 1px solid #d0d0d0;
        background-color: rgba(255, 255, 255, 0.25);
        border-radius: 24pt;
        box-shadow: inset -12pt 12pt 12pt rgba(0, 0, 0, 0.25), inset 10pt -10pt 10pt rgba(255, 255, 255, 0.5);
        text-align: center;
        overflow:auto;
    }
}

p {
    font-size: 14pt;
    margin-bottom:12pt;
    font-weight: bold;
}

h1 {
    font-size: 24pt;
    font-weight: bold;
}