* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


a, td, input {
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11pt; 
    line-height: 18px; 
    color: #000;
}

html {
    padding: 40px;
}

body {
    display: flex;
    min-height: 100vh;
    width: 100%;
    justify-content: center;
}

body.verticalCenter {
    align-items: center;
}

table.instructions {
    background-color: rgb(250,250,250);
    padding: 40px;
    border-radius: 10px;
}

table.instructions tr td:first-child {
    font-size: 40px;
}

tr td:first-child {
    text-align: right;
}

tr td:last-child {
    color: rgb(112,112,112);
}

tr td:nth-child(2) {
    max-width: 400px;
}

td {
    padding: 10px;
}

td img {
    max-width: 600px;
    max-height: 400px;
    border-radius: 4px;
}

form {
    background-color: rgb(250,250,250);
    padding: 40px;
    border-radius: 10px;
}

input {
    border-radius: 4px;
    border: 1px solid rgb(186,186,186);
    padding: 4px 10px 5px 10px;
    outline: none;
    transition: border-color 0.2s ease-out, box-shadow 0.2s ease;
    width: 100%;
    box-shadow: 0px 0px 2px rgba(0,0,0,0.16);
}

input:focus {
    box-shadow: 0px 0px 7px rgba(219, 111, 30,0.4);
    border: 1px solid rgba(219, 111, 30,0.4);
}

input[type="submit"] {
    background-color: rgb(219, 111, 30);
    border: none;
    width: 100%;
    color: rgb(255,255,255);
    cursor: pointer;
}

ul, ol {
    list-style-position: inside;
}