@media ( prefers-color-scheme: dark ) {
    input, textarea {
        background-color: #2e3440;
        color: #eceff4;
        border: 2px solid #3b425266;
        box-shadow: 0 2px 5px 0 #2e3440;
    }
    #submit:hover {
        background-color: #4c566a;
    }
    .flex-divider {
        background-color: #eceff4;
    }
}

@media ( prefers-color-scheme: light ) {
    input, textarea {
        background-color: #d8dee9;
        color: black;
        border: 2px solid #7f899d;
        box-shadow: 0 1px 2px 0 #545d6f;
    }
    #submit:hover {
        background-color: #eeeeff;
    }
    .flex-divider {
        background-color: black;
    }
}

#contact-flex {
    text-align: center;
    padding: 0 10px 0 10px;
    list-style-type: none;
}

#contact-flex li {
    list-style-type: none;
    text-decoration: none;
}

.flex-divider {
    width: 60%;
    height: 1px;
    margin: 5% auto 5% auto;
}

.card-content input, .card-content textarea {
    align-content: center;
    max-width: 80%;
    min-width: 80%;
    margin: auto;
    border-radius: 0.7em;
    padding: 0 0.5em;
    height: fit-content;
}

#submit {
    width: fit-content !important;
}

#submit:hover {
    transform: scale(1.05) !important;
    transition: transform 0.75s cubic-bezier(0.1,-0.2,0.05,1.2);
    transition-duration: 0.75s;
}
form {
    display: flex;
    flex-direction: column;
    gap: 0.5em;
}