/* Additional custom styles to complement Tailwind CSS */
body {
 font-family: sans-serif;
}

header, footer {
 position: relative;
}

main {
 min-height: 80vh;
}

a {
 text-decoration: none;
 color: #0645ad;
}

a:hover {
 text-decoration: underline;
}

input[type="search"] {
 padding: 0.5rem;
 border-radius: 0.25rem;
 border: 1px solid #ccc;
}

input[type="search"]:focus {
 outline: none;
 border-color: #aaa;
 box-shadow: 0 0 0 1px #aaa;
}