style.css

.iframeContainer {
  padding: 20px;
  border: 2px solid grey;
  justify-self: center;
  margin: 0px 1px 0px 1px;
  background: white;
}

/* Sticky Footer rules (https://getbootstrap.com/examples/sticky-footer/) */
html {
  position: relative;
  min-height: 100%;
}

body {
  /* Padding bottom by footer height */
  padding-bottom: 80px;
  font-family: 'Quicksand';
}

#footer {
  position: absolute;
  bottom: 0;
  width: 100%; /* Set the fixed height of the footer here */
  height: 10px;
  padding-top: 20px;
  padding-bottom: 40px;
  text-align: center;
  background-color: #f5f5f5;
}

#footer p {
  margin: 0;
  font-size: 16px;
  background-color: coral;
}

/* navebar header styling  */
#navbar {
  background-color: coral !important;
  text-align: center;
  margin-bottom: -16px !important;
}

/* alert box font styling */
.centre{
  text-align: center !important;
}

/* Card styling */
.card-active{
  background-color: red !important;
  opacity: 0.5 !important;
}