body {
    margin: 0 auto;
    min-width: 100vh;
    min-height: 100vh;
}
.main {
    margin: 0 auto;
    display: flex;
    min-height: 100vh;
    justify-content: center;
    align-items: center;
}

.card {
    width: 75%;
    min-height: 30rem;
    background: #ffffff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 1.5rem;
    gap: 1px;
    margin: 0 auto;
}

.unauthorized {
    margin: 0 auto;
    width: 7%;
}

.card-details {
    text-align: center;
    min-height: 100%;
    min-width: 100%;
    padding-top: 3rem;
    /* margin-top: 6%; */
}

h1 {
    font-size: 6.5rem;
}