html, body {
    margin: 0;
    padding: 0;
}

.container {
    width: 100%;
}

    .container .left {
        width: 40%;
        float: left;
    }

        .container .left img {
            max-width: 100%;
            width: 100%;
            max-height: 100%;
            height: 100%;
            object-fit: cover;
        }

    .container .right {
        width: 60%;
        float: left;
        text-align: center;
        font-family: "tahoma", "verdana", "arial"
    }

        .container .right img {
            max-width: 80%;
            margin-top: 1em;
            max-height: 30%;
        }

        .container .right .content p {
            text-align: left;
            padding: 1em;
            padding-bottom: 0;
            font-size: 1.2em;
        }

        .container .right .reloadbutton {
            display: inline-block;
            float: left;
            padding: 1em;
            background-color: #1D58B0;
            color: white;
            margin: 1em;
            border-radius: 0.5em;
            border: 1px solid #1D58B0;
            cursor: pointer;
            font-size: 1.2em;
        }

        .container .right .content span {
            display: inline-block;
            float: left;
            text-align: left;
            padding: 1em;
            clear: both;
        }

        .container .right .content .header {
            width: 100%;
            text-align: center;
            font-weight: bolder;
        }

        .container .right .content .inputs {
            float: left;
            clear: both;
            padding-left: 1em;
            padding-bottom: 1em;
        }

            .container .right .content .inputs input[type='text'] {
                font-family: Verdana, Arial, Helvetica, sans-serif;
                font-size: 11pt;
                font-weight: normal;
                font-style: normal;
                text-align: left;
                white-space: nowrap;
                box-sizing: border-box;
                border-radius: 4px;
                border-color: rgb(var(--border-color));
                background-color: rgb(var(--background-color));
                color: rgb(var(--background-color-text));
                text-transform: uppercase;
                padding-left: 14px;
                padding-right: 14px;
                margin: 0px;
                height: 2.8em;
                padding: 0.5em;
                max-width: 75%;
                float: left;
                display: inline-block;
            }

            .container .right .content .inputs .buttons {
                background-color: transparent;
                border: none;
                margin: 0;
                display: inline-block;
                overflow: hidden;
                will-change: box-shadow;
                transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1);
                outline: none;
                cursor: pointer;
                vertical-align: middle;
                height: 44px;
                width: 120px;
                font-family: Verdana, Arial, Helvetica, sans-serif;
                font-size: 11pt;
                font-weight: normal;
                font-style: normal;
                text-align: center;
                white-space: nowrap;
                box-sizing: border-box;
                border-radius: 4px;
                border: 1px solid rgb(var(--dialog-color));
                background-color: rgb(29, 88, 176);
                color: rgb(var(--dialog-color));
                overflow: hidden;
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                color: White;
                text-decoration: none;
            }body {
}