body {
    background-color: #eee;
}

iframe {
    border: none;
    width: 100%;
}

main {
    background-color: white;
    border-radius: 1rem;
    margin: 8rem auto;
    max-width: 60%;
    padding-right: 2rem;
    padding-left: 2rem;
    position: relative;
    width: 100%;
}

main > article > img {
    background-color: white;
    border-radius: 1rem;
    left: -5rem;
    padding: 0.5rem;
    position: absolute;
}

@media (max-width: 480px) {
    main {
        margin-top: 5.5rem;
        max-width: 80%;
    }
    main > article > img {
        left: 0;
        top: -5rem;
    }
}

main > article > h1 {
    font-size: 2rem;
    font-weight: 600;
    line-height: 125%;
    padding-top: 1rem;
}

main > article > dl {
    font-size: 1.2rem;
}

main > article > dl > dt {
    font-weight: bold;
}

main > article > dl > dd {
    margin-bottom: 1rem;
}

main > article > dl > dd[itemprop=keywords] {
    font-style: italic;
}

main > p {
    font-weight: bold;
}