/* CSS taken from https://www.w3schools.com/howto/howto_css_contact_form.asp */

/* Style inputs with type="text", select elements and textareas */
input[type="text"],
select,
textarea {
    /* Full width */
    width: 100%;
    /* Some padding */
    padding: 12px;
    /* Gray border */
    border: 1px solid #ccc;
    /* Rounded borders */
    border-radius: 4px;
    /* Make sure that padding and width stays in place */
    box-sizing: border-box;
    /* Add a top margin */
    margin-top: 6px;
    /* Bottom margin */
    margin-bottom: 16px;
    /* Allow the user to vertically resize the textarea (not horizontally) */
    resize: vertical;
    /* Force font */
    font-family: "Rubik";
}

select {
    background-color: white;
}

/* Style the submit button with a specific background color etc */
input[type="submit"] {
    background-color: #1b317a;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

/* When moving the mouse over the submit button, add a darker green color */
input[type="submit"]:hover {
    background-color: #2442a3;
}