html{
--primary-color: rgb(11, 44, 142);
--secondary-color: rgb(239, 57, 57);
}
#logo h1{
font-family: "Montserrat", sans-serif;
color:var(--primary-color);
font-weight: 700;
font-size: min(3.3rem,7vw);
}
#logo h1 span{
color:var(--secondary-color);
}
#header-bar{
box-shadow: 0px 6px 9px 0px rgba(0, 0, 0, 0.06);
}
.my-icons{
--size: 1em;
width: var(--size);
height: var(--size);
background-color: var(--bs-gray-900);
display: inline-block;
}
.my-icons.lock-closed{
mask-image: url('data:image/svg+xml,');
}
.my-icons.lock-open{
mask-image: url('data:image/svg+xml,');
}
.my-icons.bell-ringing{
mask-image: url('data:image/svg+xml,');
}
.my-icons.bell-off{
mask-image: url('data:image/svg+xml,');
}
.my-icons.shield-check{
mask-image: url('data:image/svg+xml,');
}
.my-icons.shield-alert{
mask-image: url('data:image/svg+xml,');
}
.my-icons.loading{
mask-image: url('data:image/svg+xml,');
}
.my-icons.target{
mask-image: url('data:image/svg+xml,');
}