/* styles.css */

/* Setting background image for the body */
body {
    background-image: url('./image/imgage.jpg'); /* URL of the background image */
    background-size: cover; /* Cover the entire background */
    background-repeat: no-repeat; /* Do not repeat the background image */
    background-position: right; /* Align the background image to the right */
    background-attachment: fixed;
}


/* Styling the container */
.container {
    width: 50%; /* Set container width to 50% of the viewport */
    margin: 200px auto; /* Center the container horizontally */
    padding: 5px; /* Add padding inside the container */
    text-align: center; /* Center-align text inside the container */
    float: left; /* Float the container to the left */
    background-color:;
}

/* Styling the heading */
h1 {
    font-family: Arial, sans-serif; /* Set font family for the heading */
    color: #1c4775; /* Set text color */
}

/* Styling the file label */
.file-label {
    background-color: #007bff; /* Set background color */
    color: #fff; /* Set text color */
    padding: 10px 20px; /* Add padding */
    border-radius: 5px; /* Add border radius */
    cursor: pointer; /* Change cursor to pointer on hover */
    font-weight: bold; /* Set font weight */
}

/* Styling the detect button */
.detect-button {
    margin-top: 20px; /* Add margin on top */
    background-color: #28a745; /* Set background color */
    color: #fff; /* Set text color */
    padding: 10px 20px; /* Add padding */
    border-radius: 5px; /* Add border radius */
    border: none; /* Remove border */
    cursor: pointer; /* Change cursor to pointer on hover */
    font-weight: bold; /* Set font weight */
}

/* Styling the detect button on hover */
.detect-button:hover {
    background-color: #218838; /* Change background color on hover */
}

/* Clear float to prevent layout issues */
.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

h2{
    color: #1c4775
}