* {
    box-sizing: border-box;
    
}
body {
    background-color:#FFEB94 ;
    margin-bottom: 20px;
}

.navbar {
    background-color: #FFCCAC;
    
}

#home {
  border: none;
  color: black;
}

.favs {
  width: 20vw;
  height: 20vh;
  padding: 5px;


  
}

#media {
     background: linear-gradient(60deg, #C1E1DC, #FFCCAC,#C1E1DC, #FFEB94, rgb(201, 159, 201), #FDD475);
  background-size: 800% 800%;

  -webkit-animation: AnimationName 15s ease infinite;
  -moz-animation: AnimationName 15s ease infinite;
  animation: AnimationName 15s ease infinite;
}
  
  @-webkit-keyframes AnimationName {
    0%{background-position:0% 9%}
    50%{background-position:100% 92%}
    100%{background-position:0% 9%}
  }
  @-moz-keyframes AnimationName {
    0%{background-position:0% 9%}
    50%{background-position:100% 92%}
    100%{background-position:0% 9%}
  }
  @keyframes AnimationName {
    0%{background-position:0% 9%}
    50%{background-position:100% 92%}
    100%{background-position:0% 9%}
  }
  @media (max-width: 690px) {
    .btn {
      font-size: 1rem;
      margin: 16px 0px 0px 0px;
      padding: 10px 15px;
    }
  }
  @media (max-width: 500px) {
    .btn {
      font-size: 0.8rem;
    }
  }