@font-face {
    font-family: 'Spatchers';
    src: url('./fonts/Spatchers-Regular.eot');
    src: local('Spatchers'), local('Spatchers-Regular'),
        url('./fonts/Spatchers-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Spatchers-Regular.woff2') format('woff2'),
        url('./fonts/Spatchers-Regular.woff') format('woff'),
        url('./fonts/Spatchers-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Spatchers';
    src: url('./fonts/Spatchers-Italic.eot');
    src: local('Spatchers Italic'), local('Spatchers-Italic'),
        url('./fonts/Spatchers-Italic.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Spatchers-Italic.woff2') format('woff2'),
        url('./fonts/Spatchers-Italic.woff') format('woff'),
        url('./fonts/Spatchers-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}




body {
    font-family: 'Courier New', Courier, monospace;
    background-color: #f7f7e0;
}



td > small {
    font-size: 0.7em;
    font-style: italic;
}

.form-control {
    padding: 2px;
    border-radius: 0;
}

.img-title {
    border-bottom: red 8px solid;
}

.footer {
    border: red 3px solid;
    margin: 50px 0;
    font-family: 'Courier New', Courier, monospace;
    font-weight: bold;
}

.order-card {
    background-color: #e4d3ab;
}

table > .cold-sandwich > .header-text {
    color: #f2ab1c;
    font-family: Spatchers, sans-serif;
}

table > .warm-sandwich > .header-text {
    color: #d72a2c;
    font-family: Spatchers, sans-serif;
}

table.special-deal {
    color: white;
    background-color: #1ca886;
}

table.cold-drinks {
    color: white;
    background-color: #1ca886;
}

table.cold-sandwich {
    color: black;
    background-color: none;
}

table {
    border: black 2px solid !important;
}

table .header-cell {
    border-bottom: black 2px solid;
}

table.client-information .header-cell h3 {
    color: #1ca886;
    font-family: Spatchers, sans-serif;
}

table.cold-drinks .header-cell h3 {
    color: #d72a2c;
    font-family: Spatchers, sans-serif;
}

table.special-deal .header-cell h3 {
    color: #f2ab1c;
    font-family: Spatchers, sans-serif;
}

table.special-deal .label > p {
    color: #f2ab1c;
}

table.cold-sandwich .header-cell h3 {
    color: #f2ab1c;
    font-family: Spatchers, sans-serif;
}

table.warm-sandwich .header-cell h3 {
    color: #d72a2c;
    font-family: Spatchers, sans-serif;
}

td.label > p {
    font-family: Spatchers, sans-serif;
    font-size: 1.3em;
    margin-bottom: -3px;
}

td > small{
    font-size: 0.7em;
    font-family: 'Courier New', Courier, monospace;
}

.information-header {
    font-family: Spatchers, sans-serif;
    color: #1ca886;
}

.information-text {
    max-width: 75%;
    margin: 0 auto;
}

.information-text > .col > p {
    font-family: 'Courier New', Courier, monospace;
}

.information-text > .col:nth-child(2) {
    border-right: black 2px solid;
    border-left: black 2px solid;
}

.order-card > .big-text {
    font-family: Spatchers, sans-serif;
    text-shadow: 1px 3px 1px #000000;
}

.order-card > .big-text:nth-child(1) {
    font-size: 3.5em;
    margin-top: -20px;
}

.order-card > .big-text:nth-child(2) {
    font-size: 2.5em;
}

.order-card > p {
    font-family: 'Courier New', Courier, monospace;
    font-weight: bold;
}

.order-card {
    border: black 2px solid;
}

.submit-button {
    background-color: #1ca886;
    border-radius: 0px;
    /* Add a white border to the button */
    border: 2px solid black;
    font-size: 22px;
    font-family: 'Courier New', Courier, monospace;
}