* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    transition: 0.2s linear;
}
.container {
    padding: 2rem 5%;
}
.container .image-container {
    columns: 15rem 3;
    gap: 1.4rem;
}
.container .image-container img {
    width: 100%;
    margin-bottom: 1rem;
    border-radius: 0.7rem;
}
.container .image-container img:hover {
    transform: scale(1.01);
}
:root {
    --navy: #142540;
    --blue: #27aae1;
    --green: #5be67b;
    --off-white: #eeeeee;
    --bs-primary: var(--blue);
    --bs-secondary: var(--green);
}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg:var(--bs-primary);
    --bs-btn-border-color:var(--bs-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg:var(--bs-primary);
    --bs-btn-hover-border-color:var(--bs-primary);
    --bs-btn-focus-hadow-rgb: 49, 132, 253;
    --bs-bt-active-color: #fff;
    --bs-bt-active-bg:var(--bs-primary);
    --bs-bt-active-border-color:var(--bs-primary);
    --bs-bt-active-hadow: inset 0 3px 5px rba(0, 0, 0, 0.125);
    --bs-btn-dsabled-color: #fff;
    --bs-btn-dsabled-bg:var(--bs-primary);
    --bs-btn-dsabled-border-color:var(--bs-primary);
}

.btn-outline-secondary {
    --bs-btn-color:var(--bs-secondary);
    --bs-btn-border-color:var(--bs-secondary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-secondary);
    --bs-btn-hover-border-color: var(--bs-secondary);
    --bs-btn-focus-hadow-rgb: 13, 110, 253;
    --bs-bt-active-color: #fff;
    --bs-bt-active-bg: var(--bs-secondary);
    --bs-bt-active-border-color: var(--bs-secondary);
    --bs-bt-active-hadow: inset 0 3px 5px rba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-secondary);
    --bs-btn-disabled-bg: ranparent;
    --bs-btn-disabled-border-color: var(--bs-secondary);
    --bs-radient: none;
}
.carousel {
    .carousel-control-color,
    .carousel-caption {
         color: white !important;
    }
}
.download {
    background-color: var(--navy);
}
