body {
  background: linear-gradient(-45deg, #fdfdf0, #f0ecec, #ffffff);
  background-size: 400% 400%;
  animation: gradient 15s ease infinite;
  top: 0rem !important;
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.centered {
  margin: auto;
  width: 50%;
  height: 100%;
  padding: 20rem 22rem 20rem 22rem;
}

.navbar-fixed-bottom,
.navbar-fixed-top {
  position: sticky;
  right: 0;
  left: 0;
  z-index: 1030;
}
/* .centered {


  position: absolute;
  top: 48%;
  left: 50%;
  transform: translate(-50%, -50%);

} */
.card-img-top {
  height: 100%;
}

.right {
  position: relative;
  top: 50%;
  right: 50%;
  /* transform: translate(-50%, -50%); */
}
/* .flex-container {
  display: flex;
  align-items: stretch;
  flex-direction: column;
  
}

.flex-container > a {

  margin: 1.0rem;
  text-align: center;

} */
/* .buttons{
  position: absolute;
  top: 50%;
  left: 70%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.pic {
  position: relative;
  width: 100%;
  /* max-width: 40.0rem; */
/* } */
.main_buttons {
  padding: 2rem 5rem 2rem 5rem;
  margin: 5rem;
}