/*
 ===========================================
 ============== MAIN WRAPPER ===============
 ===========================================
 */

 #main-wrapper {
    height: 100vh;
 }

 /*
 ===========================================
 ================== MAIN ===================
 ===========================================
 */

 #main {
    margin-top: 8rem;
    width: 50%;
 }

 @media screen and (max-width: 768px) {
    #main {
        margin-top: 6rem;
        width: 100%;
     }  
 }

 /*
 ===========================================
 =============== CARD-FOOTER ===============
 ===========================================
 */

 .card-footer {
    display: flex;
    justify-content: center;
 }

.submit-button {
    border: .2rem solid rgb(0, 207, 55);
    border-radius: .5rem;
    font-size: 1.5rem;
    padding: .5rem;
    text-decoration: none;
    color: black;
    text-align: center;
    transition: background-color .25s, color .25s;
}

.submit-button:hover {

    background-color: rgb(0, 207, 55);
}