.contact-form {
    display: grid;
    grid-template-areas: "jl . ji" ". . ." "el . ei" ". . ." "ml . mi" ". . ." "sb sb sb";
    grid-template-columns: auto 10px auto;
    grid-template-rows: auto 10px auto 10px auto 10px auto;
    box-sizing: border-box;
}

input,
textarea {
    border: 0;
    background-color: color-mix(in lab, var(--primary) 30%, transparent 70%);
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    color: var(--text);
}

input {
    height: 25px;
    width: 280px;
}

form > div {
    display: grid;
    place-items: center;
}

#send {
    background-color: var(--primary);
    color: var(--text);
    border-radius: 100px;
    width: 90px;
}

.tac {
    text-align: center;
}

label {
    color: var(--text);
}