body {
    font-family: sans-serif;
}

label, input {
    margin-right: 10px;
}

#dataTable {
    width: 100%;
    margin-top: 20px;
}

.controls {
    margin: 20px 0 10px;
}

canvas {
    max-width: 100%;
    margin-top: 30px;
}


/* grid */
/*
.container {
    max-width: 1392px;
    margin-left: 24px;
    margin-right: 24px;
}
*/

/*
.section {
    padding-top: 24px;
    padding-bottom: 24px;
}*/

.footer {
    background-color: var(--bs-gray-900);

}

.footer .navbar-brand {
    color: #fff;
}

/* check glasswire for inspiration */
/* helper */
.btn-primary {
    background-color:  #453ba1 ;
    border-color:  #453ba1 ;
}
.btn-primary:hover {
    background-color: #2b2471;
    border-color: #2b2471;
}
.bg-purple {
    background-image:  radial-gradient(circle at 65% 41%, #2b2471, #453ba1 48%);
}

/* homepage */
.headings {
   /* position: relative;*/
  /*  overflow: hidden;*/
   /* height: 320px;
    width: 100%;*/
    background-image:  radial-gradient(circle at 65% 41%, #2b2471, #453ba1 48%);
}
.headings__title {
    z-index: 10;
   /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);*/
    color: #fff;
}
.headings__background {
    position: relative;
   object-fit: cover;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.headings__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.6);
    display: block;

}

.hpLead__text {
    color: #fff;
}