/* @import "../../node_modules/bootstrap/dist/css/bootstrap.min.css"; */

:root {
  --cus-dark-opacity: 0.8;
  --home-section-height: 700px;
  --cus-primary-color: #007bff;
  --cus-background-color: rgba(0,0,0,0.7);
}

#main-nav {
  border-bottom: var(--cus-primary-color) 3px solid;
  opacity: var(--cus-dark-opacity); /*making the dark background slightly transparent */
}

#home-section {
  height: var(--home-section-height);
  background-image: url(./assets/Images/looplab/home.jpg);
  /* background-repeat: no-repeat; */
  background-size: cover;
  background-attachment: fixed;
}

#home-section .dark-overlay {
  height: var(--home-section-height);
  background-color: var(--cus-background-color);
 }
#home-section .card {
  opacity: var(--cus-dark-opacity);
}
#home-section .fas {
  color: var(--cus-primary-color);
  background: white;
  padding: 5px;
  border-radius: 5px;
}
#home-section .signup-card {
  min-width: 18.75rem;
}

.list-group-item,
.card {
  border: none;
}