*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:"Segoe UI" ,"Arial,sans-serif"
}

body {
    height:100vh;
    background:linear-gradient(rgba(90,52,33,0.65),rgba(90,52,33,0.65)),
    url("coffee-bg.jpg.png");
    background-size:cover;
    background-position:center;
    background-repeat: no-repeat;
    display :flex;
    justify-content:center;
    align-items:center;
}
.login-container{
    background-color:#ffffff;
    padding: 30px;
    width: 350px;
    border-radius: 10px;
    box-shadow:0 10px 25px(0,0,0,0.2);
    text-align: center;
}
.login-container h1{
    color:#6f4e37;
    margin-bottom: 10px;
}
.login-container p{
    color:#555;
    margin-bottom: 20px;
}
.login-container input{
    width:100%;
    padding:12px;
    margin:10px 0;
    border:1px solid #c7b299;
    border-radius:5px;
    outline:none;  
}
.login-container input:focus{
    border-color: #6f4e37;

}
.login-container button{
    width:100%;
    padding: 12px;
    background-color: #6f4e37;
    color:white;
    border:none;
    border-radius: 5px;
    font-size:16px;
    cursor:pointer;
    margin-top: 10px;
}
.login-container button:hover{
    background-color: #5a3e2b;
}
.signup-text {
    margin-top:15px;
    font-size:14px;
}
.signup-text a{
    color:#6f4e37;
    text-decoration:none;
    font-weight:bold;
}
.signup-text a:hover{
    text-decoration:underline;
}