:root {
    --dc-black: #2f2e2e;
    --dc-blue: #0A62AB;
    --dc-gray: #4F4F4F;
}

.dc-font {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

.bg-blue-img {
    background-image: url('img/blue_bg.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.bg-white-img {
    background-image: url('img/white_bg.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.testing-border {
    border-color: green;
    border-width: 2px;
}

.dc-highlight {
    color: var(--dc-blue);
    font-weight: 700;
}

#section3 {
    background-image: url('img/bulb_lock_code.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

#code-secc-img {
    background-image: url('img/programmer.jpg');
    background-repeat: no-repeat;
    /*background-attachment: fixed;*/
    background-size: cover;
}

#secc-check-id {
    background-image: url('img/check_id.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

#bg-img-fingerprint {
    background-image: url('img/fingerprint.jpg');
    background-repeat: no-repeat;
    /*background-attachment: fixed;*/
    background-size: cover;
}

.bg-img-lock {
    background-image: url('img/lock.jpg');
    background-repeat: no-repeat;
    /*background-attachment: fixed;*/
    background-size: cover;
}

.bg-img-machine {
    background-image: url('img/machine.jpg');
    background-repeat: no-repeat;
    /*background-attachment: fixed;*/
    background-size: cover;
}

.bg-img-dell-computer {
    background-image: url('img/dell_computer.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.bg-img-white-map {
    background-image: url('img/white_map.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.bg-img-blue-map {
    background-image: url('img/blue_map.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.bg-img-bulb-lock-code {
    background-image: url('img/bulb_lock_code.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.material-symbols-outlined {
    font-variation-settings:
        'FILL' 0,
        'wght' 400,
        'GRAD' 0,
        'opsz' 24
}