.main-footer-css{
  position: fixed;     /* fix the footer to the viewport */
  bottom: 2rem;           /* stick to the bottom */
  left: 2rem;   
  right: 2rem;          /* stretch from left */

  color:var(--color-primary);
  background-color: var(--color-light);
  opacity: 0.9;
  text-align: left;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-bottom: 2rem;
  z-index: 1000;       /* ensure it stays on top of content */;

  box-shadow: 10px 10px 20px rgba(48, 78, 110,0.9);
}

.formated-hr-css{
  border: 2px solid var(--color-dark)
  
}