/* Container to center the buttons */
.container {
    display: flex;
    justify-content: center; /* Horizontally center the elements */
    align-items: center; /* Vertically center the elements */
    height: 100vh; /* Ensure it takes up full viewport height */
}

/* Hide the default input */
input[type="file"] {
    display: none;
}

/* Custom file upload button */
.custom-file-upload {
    display: inline-block;
    cursor: pointer;
    border: 1px;
    border-color: #FFFFFF;
    width: 100%;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 5.5vw;
    font-weight: normal;
    color: #FFFFFF;
    text-shadow: 2px 2px 5px #999999;
    padding: 8px 0px;
    border-radius: 8px;
    background-color: #4A4A4A;
    box-shadow: 3px 3px 3px 2px rgba(0, 0, 0, 0.4);
}

/* Div styling */
.myDiv {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 5.5vw;
    font-weight: normal;
    color: #FFFFFF;
    text-shadow: 2px 2px 5px #999999;
    padding: -4px 0px 5px 0px;
}

/* Upload file button */
#uploadFile {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 5.5vw;
    text-align: center;
    color: #FFFFFF;
    text-shadow: 2px 2px 5px #999999;
    padding: 8px 0px;
    cursor: pointer;
    border: 1px solid #ff3300;
    border-radius: 8px;
    background-color: #ff3300;
    box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.4);
    width: 100%;
}

/* Hover effect for upload button */
#uploadFile:hover {
    background-color: #B7B7B7;
    border: 0.5px solid #B7B7B7;
    color: #FFFFFF;
    text-shadow: 2px 2px 5px #666666;
}