body {
    background-color: rgb(255, 255, 255);
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.alert {
    padding: 10px;
    color: white;
    text-align: center;
}
  
.alert-success {
    background-color: green;
}
  
.alert-error {
    background-color: red;
}
  
.alert-info {
    background-color: blue;
}

/* -------------------------------------------------------------------------- */

/* footer  */

footer {
    display: flex;
    justify-content:space-between;
    background-color: rgb(33,37,41);
    margin-top: auto;
    /* text-align: center; */
    color: rgb(189, 189, 190);
    padding: 10px 30px;
  }
  
  /* .fticons{
    margin-right: 10px; 
  } */
  
  footer pre a{
    font-size: 22px;
    /* font-weight: bold; */
    color: red;
  }
  
  #iconft{
    margin-right: 10px;
  }
  
  #footergrey{
    background-color: rgb(76, 74, 74);
  }
  
  #footergrey p{
  font-size: smaller;
  text-align: center;
  padding: 5px 0px;
  color: rgb(181, 173, 173);
  }