body {
    background-color: #f3f4f6;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
    font-family:Calibri;
}


.card-container {
    position: relative;
    width: 300px;
    height: 400px;
}

.card-blue {
    background-color: #012970; /* Bootstrap Primary Color */
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    transform: rotate(-6deg);
    z-index: 1;
    transition: transform 0.3s;
}
.card-green {
    background-color: #00ff21; /* Bootstrap Primary Color */
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    transform: rotate(6deg);
    z-index: 1;
    transition: transform 0.3s;
}

.card-white {
    background-color: white;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    z-index: 2;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.card-title {
    text-align: center;
    margin-bottom: 20px;
}

.form-control {
    margin-bottom: 15px;
}