/* Tailwind config handles most of the styles */
body {
    font-family: 'Helvetica', 'Arial', sans-serif;
}

#hero h1 {
    text-shadow: 0px 4px 6px rgba(0, 0, 0, 0.4);
}

#about p {
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}

form input, form textarea {
    outline: none;
}

form input:focus, form textarea:focus {
    border: 2px solid white;
    background-color: #c3c2c2;
}

button:hover {
    cursor: pointer;
}