*

    {
        margin: 0;
        padding: 0;
    }
        
body 

    {
        height: 230vh;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: sans-serif;
        background-image: -webkit-linear-gradient(120deg, #313131 50%, #4f5355 50%);
        background-color: #34ADFF;
        margin: 0;
    }

.form-container 

    {
        width: 100%;
        max-width: 500px;
        background: #fff;
        padding: 2rem;
        border-radius: 8px;
        box-shadow: 0 4px 8px rgba(0,0,0,0.1);    
    }

h2 

    {
        text-align: center;
        color: #333;
        margin-bottom: 1.5rem;
    }

.form-group 

    {
        margin-bottom: 1rem;
    }

label 

    {
        display: block;
        margin-bottom: 0.5rem;
        color: #666;
    }

input[type="text"],
input[type="date"],
input[type="email"],
input[type="number"],
select,
textarea,
input[type="file"] 

    {
        width: 100%;
        padding: 0.75rem;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box;
        outline-color: rgb(38, 0, 255);
    }

button 

    {
        width: 100%;
        padding: 0.75rem;
        border: none;
        border-radius: 4px;
        background-color: #007bff;
        color: white;
        font-size: 1rem;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }

button:hover 

    {
        background-color: #0056b3;
    }