@tailwind base;
@tailwind components;
@tailwind utilities;

html, body, label {
    font-family: 'Roboto', sans-serif;
  }

/* relative isolate overflow-hidden flex items-center justify-center min-h-screen px-4 sm:px-6 lg:px-8 */
.headercontainer {
    background-image: url(../public/locatie2.jpg);
    background-size: cover;
    background-position: center;
    background-color: rgba(0, 0, 0, 0.5);
    background-blend-mode: darken;
}

.fietsenwinkel {
    margin-top: 100px;
    font-size: 50px;
    font-weight: 700;
    padding: 40px;
    border-radius: 10px;
    color: #0284c7;
    margin-bottom: 20px;
    opacity: 0.8;
    background-color: rgba(0, 0, 0, 0.555);
}
.fietsenwinkel_text {
    color: #0284c7;
}

.service{
    color: #ffffff;
    font-size: 20px;
}

.service_button {
    background-color: #0284c7;
    color: #ffffff;
    font-weight: 700;
    border: 2px solid #0284c7;
    transition: all 0.3s ease-in-out;
}