body{
    background-color: rgb(10, 129, 208);
    margin: 0;
    height: 0;
}

h1 {
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color:wheat;
    text-shadow: 15px 15px 4px;
    font-size: 50px;
    text-align: center;
}
h2{
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: wheat;
    font-size: 30px;
    margin-top: -45px;
    text-shadow: 5px 25px 50px;

}

.left_image {
    width: 120px;
    height: 200px;
    object-fit: cover;
    border: 2px solid rgb(52, 152, 240);
    box-shadow: 15px 50px 40px rgb(6, 101, 165);
    align-items: center;
    margin-left: 100px;
    margin-right: 0px;
}
.right_image {
    width: 120px;
    height: 200px;
    object-fit: cover;
    border: 2px solid rgb(52, 152, 240);
    box-shadow: -15px 50px 40px rgb(6, 101, 165);  
    align-items: center;
    margin-right: 100px;
    margin-left: 0px;

}

.image_frame{
    display: flex;
    justify-content: center;
    gap: 30px; /* Space between images */
    align-items: center;
}
.center_frame{
    display: flex;
    justify-content: center; /* Centers horizontally */
    align-items: center;     /* Centers vertically */
    flex-direction: column;  /* Stacks elements vertically */
    padding: 20px;
    width: 250px;
    height: 160px;
    margin-right: -20px;
    margin-left: -20px;
}
.text_field{
    background-color: wheat;
    text-indent: 10px;
    font-size: 15px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: rgb(52, 152, 240);


    width: 200px;
    height: 25px;
    margin-bottom: 20px;
    border-radius: 10px;

    border: 20px black;
    
}

.login_button{
    height: 50px;
    width: 202px;
    border-radius: 10px;
    color:wheat;
    font-size: larger;
    background-color: rgb(28, 109, 180);
    border: none;
    
    background: linear-gradient(to right, yellow 10%, rgb(10, 129, 208) 80%); 

}
.login_button:hover{
    border: 1px solid wheat;
}

.wrong_password_label{
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 13px;
    margin-top: -10px;
    color: rgb(214, 36, 36);
}