/* Global circus colors */
body {
    background-color: #f2f2f2; /* Light grey background for contrast */
    font-family: 'Arial', sans-serif; /* Consider using a fancier font like 'Dancing Script' or 'Pacifico' for more circus flair */
}

.container {
    background: #fff; /* White background for container */
    border: 3px solid red;
    border-radius: 5px;
    padding: 20px;
    margin-top: 20px;
}

h1, h2, h3, h4, h5 {
    color: red;
}

.carousel-caption {
    background-color: rgba(255, 0, 0, 0.3); /* Reduced opacity semi-transparent red */
    border-radius: 5px;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    background-color: red;
}

/* Circus-inspired striped background */
body {
    background: linear-gradient(45deg, red, red 25%, white 25%, white 50%, red 50%, red 75%, white 75%, white);
    background-size: 40.00px 40.00px;
}


/* About Randy Section */
.img-fluid {
    max-width: 100%;
    height: auto;
}

.btn-danger {
    background-color: red;
    border-color: red;
}

.btn-danger:hover, .btn-danger:focus {
    background-color: #d60000;
    border-color: #d60000;
}

.alert-danger {
    background-color: #ffe5e5; /* Light red background */
    border-color: red;
    color: red;
}

.btn-danger {
    background-color: red;
    border-color: red;
}

.btn-danger:hover, .btn-danger:focus {
    background-color: #d60000;
    border-color: #d60000;
}

/* Support & Contact Sections */
form .form-control {
    border: 2px solid red;
}

form .form-control:focus {
    border-color: #d60000;
    box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.25);
}

.btn-danger {
    background-color: red;
    border-color: red;
}

.btn-danger:hover, .btn-danger:focus {
    background-color: #d60000;
    border-color: #d60000;
}

.carousel-item {
    height: 500px;
    overflow: hidden; /* Hide any part of the image that exceeds the carousel item's boundaries */
}

.carousel-item img {
    height: 100%;
    width: auto;
    max-width: none; /* This ensures images aren't restricted in their width */
    object-fit: cover; /* Makes sure the images cover the area without distortion */
    object-position: center; /* Center the images */
}