/* body {
    padding: 50px;
} */

.screenshots-container {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}

.screenshots-container img {
    margin: 0 auto;
    display: block;
    width: 90%;
    height: auto;
    box-shadow: 0 0 15px rgba(17, 17, 17, 0.68);
    border: 3px solid white;
}

.left-side {
    float: left;
    width: 58%;
}

.right-side {
    float: right;
    width: 40%;
}

@media print {

    * {
        font-family: sans-serif;
    !important;
    }

    p li {
        font-size: 15px !important;
    }

    code {
        font-size: 11px !important;
    }

    .screenshots-container img {
        width: 210px;
    }

    /* Fix indentation */
    ul li {
        margin-left: 20px;
    }

    .pdf-break {
        page-break-after: always;
    }

    .left-side {
        width: 450px;
    }

    .right-side {
        width: 200px;
    }
}