body{display: flex; justify-content: center; align-items: center; height: 100%;}

input[type=text], input[type=password]{width: 100%; height: 40px; border: 1px solid #ccc; border-radius: 8px; box-sizing: border-box;}  

form{
    margin-top: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 10px; 
    background-color: #ffffff; 
    padding: 20px; 
    height: auto;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); 
    width: 300px;
}
button {
    background-color: #5c57c1; 
    color: white; 
    height: 30px;
    border: none; 
    border-radius: 7px; 
    width: 100%;
}
div {
    width: 100%;
}
.ilk {
    display: block;
    gap: 0px;
    text-align: center;
    margin-bottom: 20px;
}
p {
    
    color: gray;
}