@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");

header {
    background-color: #06156d;
    color: white;
}

.nav-div {
    background-color: #06156d;
    color: white;
}

#nav-title {

    color:white;
}

main {
}

footer {
    background-color: #06156d;
    color: white;
}

body {
    color: black;
}

#sections {
}

#areas {
}

#red-card {
    
}

#green-card {
    
}

#yellow-card {

}

#orange-card {

}

#blue-card {

    
}

#safety-news {
}

#news-reference {

    color:#06156d;
}

#safety-tips {
}

#safety-mindset {
}

ul#safety-news {
}

ul#safety-tips {
}

ul#safety-mindset {
}


.yellow-fill {

    background-color:#ffd800;
}

.blue-fill {

    background-color: #0D6EFD;

}

.white-fill {

    background-color:white;
}

.white-font {

    color: white;

}

.gray-link {

    color: #bebbfb;

}

.blue-link {
    color: #0D6EFD;
}

.red-link {
    color: #DC3545;
}

.green-link {
    color: #198754;
}

.red-bg {

    background-color:#fbb5b5;
}

.green-bg {

    background-color:#a7d7a8;
}

.blue-bg {

    background-color:#b3bbeb;
}

.yellow-bg {

    background-color:#f2eb9a;
}

#myButton {
    position: fixed;
    bottom: 20px;
    left: 20px;
    display: none;
    z-index:1000;
}