h1 {
  -webkit-text-fill-color: transparent;
  background-image: url("https://media3.giphy.com/media/v1.Y2lkPTc5MGI3NjExMmJ1MHViZ3VpdTVzOWY1d2xrZXVqa3I4d2kzN2d6NGpuZGNkbXo0diZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/l0NwQiTooHUjYZXtm/giphy.gif");
  background-size: cover;
  -webkit-background-clip: text;
  background-repeat: no-repeat;
}
/* background-image: url("http://66.media.tumblr.com/9d5be60c175cdbe15e875fef01b9a66b/tumblr_ntz3mmEFFr1twd8ddo1_500.gif"); */
  
div.title.title-block > span > em { display : block }

.buttonPosition {
    position: relative;
    text-align: center;
    z-index: 99;
    animation-name: scrlDwnIndc;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}
@keyframes scrlDwnIndc {
  0%    {bottom: 80px;}
  20%   {bottom: 84px;}
  40%   {bottom: 88px;}
  60%   {bottom: 92px;}
  80%   {bottom: 94px;}
  100%  {bottom: 84px;}
}
#kakaobtnMOB {
  transition: opacity 1s ease;
  position: fixed;
  bottom: 28px;
  right: 15px;
  cursor: pointer;
  z-index: 999;
  border-radius: 18px;
  background: linear-gradient(rgb(254, 220, 0) 0%, rgb(254, 229, 0) 100%);
  box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.1) 0px 4px 6px, rgba(0, 0, 0, 0.15) 0px 8px 30px;
}
#kakaobtnMOB:hover {
  backdrop-filter: blur(30px);
}
#kakaobtnMOB > img {
  filter: none !important;
  mix-blend-mode: normal !important;
  color-scheme: light only;
}
#kakaobtnPC {
  transition: opacity 1s ease;
  position: fixed;
  bottom: 24px;
  right: 24px;
  cursor: pointer;
  z-index: 999;
  border-radius: 24px;
  background: linear-gradient(rgb(254, 220, 0) 0%, rgb(254, 229, 0) 100%);
  box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.1) 0px 4px 6px, rgba(0, 0, 0, 0.15) 0px 8px 30px;
}
#kakaobtnPC:hover {
  backdrop-filter: blur(30px);
}
#kakaobtnPC > img {
  filter: none !important;
  mix-blend-mode: normal !important;
  color-scheme: light only;
}