.panel {
    background-color: rgba(232, 216, 177, 0.9);
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    width: 600px;
    height: 100%;
    justify-self: center;
    align-self: center;
}

.panel--login {
    height: 600px;
}

/* Media query for smaller screens (e.g., tablets) */
@media (max-width: 768px) {
    .panel {
        width: 100%; /* Adjust to 100% width for smaller screens */
        padding: 20px; /* Add padding for better readability */
    }
}

/* Media query for even smaller screens (e.g., mobile phones) */
@media (max-width: 480px) {
    .panel {
        padding: 10px; /* Further adjust padding for very small screens */
    }
}