:root {
    --main-gb-color: #2c3d50;
}

html {
    scroll-behavior: smooth;
}

.bg-dark {
    background-color: var(--main-gb-color) !important;
}

hr {
    width: 100px;
    border: 5px solid black;
    margin: auto;
}

h2 {
    color: black;
}

p {
    color: black;
}

input.form-control,
text.form-control {
    border: none !important;
    border-radius: none !important;
    border-bottom: 1px solid #ccc !important;
}

.btn-primary {
    border-color: #5cbdbc !important;
    background-color: #5cbd9d !important;
}

footer {
    background-color: var(--main-gb-color);
}

footer h2 {
    color: white;
}

footer h3 {
    color: white;
}

footer a {
    color: white;
}

footer p {
    color: white;
}

.zoom {
    transition: transform .3s;
}

.zoom:hover {
    transform: scale(1.8);
}