body{
  background-color: #b0daff;
  font-family: 'Raleway', sans-serif;
  text-align: center;
}

h1 {
  margin-top: 5%;
  font-family: 'Annie Use Your Telescope', cursive;
  font-size: 54px;
}

h3 {
  font-family: 'Annie Use Your Telescope', cursive;
}

h6 {
  font-style: italic;
}

h3, h6, p {
  padding: 5%;
  line-height: 1;
}

p, ul {
  text-align: left;
  font-size: 14px;
}

.monday-card p{
  line-height: 1.75;
}

.brand {
  font-weight: 600;
}

/* Content */

.album {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 75vh;
    padding-bottom: 5%;
    padding-top: 2%;
}

.flip-card {
    background-color: transparent;
    width: 300px;
    height: 300px;
    border: 1px solid #f1f1f1;
    perspective: 1000px; 
  }
  
  .flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.8s;
    transform-style: preserve-3d;
  }
  
  .flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
  }

  .flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden; /* Safari */
    backface-visibility: hidden;
  }
  
  .flip-card-front {
    background-color: #bbb;
    color: black;
  }
  
  .flip-card-back {
    background-color: #FEFF86;
    transform: rotateY(180deg);
    padding: 2%;
  }

  .monday {
    object-fit: cover;
  }


  /* Footer */
.fixed-bottom{
    text-align: right;   
    padding-bottom: 2%;
    padding-top: 5%;
}

.foot-link{
    text-decoration: none;
    margin: 2%;
}