html, body {
  font-family: 'Courier New', sans-serif !important;
  cursor: url(http:josefinehartung.com//assets/images/pixel-cursor.png), auto !important;
}
a {
  cursor: url(http:josefinehartung.com//assets/images/heart-cursor.png), pointer !important;
}
.skillz span{
  letter-spacing: 2px;
}
.bookme {
  position: fixed;
  right: -25px;
  bottom: 0;
  transform: scale(1) rotate(0deg);
  animation: likeabird;
  animation-duration: 2s;
  animation-delay: -.2s;
}
@keyframes likeabird {
  0%   {bottom: 80vh; right: -20vw; transform: scale(.1) rotate(-3600deg);}
  25%  {bottom: 80vh; right: 0; transform: scale(.2) rotate(-360);}
  50%  {bottom: 70vh; right: 20vw; transform: scale(.3) rotate(0);}
  75%  {bottom: 60vh; right: -10px;transform: scale(1.5) rotate(330deg);}
  90% {bottom: -10px; right: -15px;transform: scale(1) rotate(355deg);}
  100% {bottom: 0px; right: -25px;transform: scale(1) rotate(360deg);}
}
.bookme img {
  position: absolute;
  width: 204px;
  bottom: 0;
  right: 0;
}
.bubble {
  position: relative;
  display: inline-block;
  margin: 20px 170px 200px 20px;
  text-align: center;
  font-family: "Press Start 2P", courier;
  background-color: #fff;
  color: #000;
  padding: 20px;
  box-shadow: 0 -4px #fff, 0 -8px #000, 4px 0 #fff, 4px -4px #000, 8px 0 #000, 0 4px #fff, 0 8px #000, -4px 0 #fff, -4px 4px #000, -8px 0 #000, -4px -4px #000, 4px 4px #000;
  box-sizing: border-box;
  width: 200px;
}
.bubble::after {
  content: "";
  display: block;
  position: absolute;
  box-sizing: border-box;
}
.bubble.right::after {
  height: 4px;
  width: 4px;
  top: 84px;
  right: -8px;
  background: white;
  box-shadow: 4px -4px #fff, 4px 0 #fff, 8px 0 #fff, 0 -8px #fff, 4px 4px #000, 8px 4px #000, 12px 4px #000, 16px 4px #000, 12px 0 #000, 8px -4px #000, 4px -8px #000, 0 -4px #fff;
}
.bubble.bottom::after {
  height: 4px;
  width: 4px;
  bottom: -8px;
  left: 32px;
  box-shadow: 0 4px #000, 0 8px #000, 0 12px #000, 0 16px #000, -4px 12px #000, -8px 8px #000, -12px 4px #000, -4px 4px #fff, -8px 4px #fff, -4px 8px #fff, -4px 0 #fff, -8px 0 #fff, -12px 0 #fff;
}

.blonderzunder {
  background-image: url('../images/tribal-flames.gif');
  background-size: cover;
  color: transparent;
}

.blonderzunder img {
  width: 100vw;
}

.flexy {
  display: flex;
}