.calenderWrapper {
    padding-top: 1%;
    width: 100%;
    height: fit-content;
    display: flex;
    justify-content: center;
    background-color: rgb(246, 244, 232);
}

.addToGoogle {
    width: fit-content;
    padding: 8px 16px; /* More padding for better button size */
    background-color: #4285F4; /* Google's blue */
    color: white; /* White text */
    font-size: 14px; /* Button text size */
    font-weight: bold; /* Bold text */
    text-decoration: none; /* Remove underline from text */
    border: none; /* Remove default border */
    border-radius: 6px; /* Rounded corners */
    cursor: pointer; /* Pointer cursor on hover */
    display: inline-block; /* Keep it inline and block level */
    transition: background-color 0.3s ease; /* Smooth transition on hover */
}

.addToGoogle:hover {
    background-color: #357ae8; /* Darker blue on hover */
}

.addToGoogle:active {
    background-color: #2a65cc; /* Even darker blue when clicked */
}

.loginScreen {
    background-color: rgb(241, 238, 222);
    width: 15%;
    height: 15%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    border: 1px solid #c1c1c1;
}

.passwordContainer {
    height: fit-content;
    width: fit-content;
}
.submitPasswordContainer {
    height: fit-content;
    width: fit-content;
}

.uploadP {
    margin: 0;
    padding: 0;
    width: 100%;
    display: flex;
    justify-content: center;
}

.passwordWrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.passwordContainer > input {
    width: 95%;
    height: 30px;
    border-radius: 5px;
}

.submitPasswordContainer > button {
    width: 110%;
    height: 30px;
    border-radius: 5px;
}