body {
    background-color: lightgray;
    background-image: url("../images/background.jpg");
}

h1 {
    color: white;
}

canvas {
    width: 100% !important;
    height: auto !important;
}

.result-container {
    font-size: 24px;
    font-weight: bold;
    color: white;
    background-color: green;
    padding: 5px;
    border: 2px;
    border-color: black;
    margin: 10px;
}

button {
    border-radius: 8px;
    font-size: 20px;
    background-color:dodgerblue;
    color: white;
}

.custom-file-upload {
    border-radius: 8px;
    font-size: 20px;
    font-weight: normal;
    background-color: dodgerblue;
    color: white;
    margin: 10px;
    display: inline-block;
    text-align: center;
    padding: 0px 6px;
    border-bottom-color: rgb(118, 118, 118);
    border-left-color: rgb(118, 118, 118);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-style: outset;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-right-color: rgb(118, 118, 118);
    border-right-style: outset;
    border-right-width: 2px;
    border-top-color: rgb(118, 118, 118);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-top-style: outset;
    border-top-width: 2px;
}

input[type="file"] {
    display: none;
}

.about {
    color: white;
    font-size: 18px;
    font-weight:bold;
}

.image-container {
    width: auto;
    max-height: 400px;
}