@import url('https://fonts.googleapis.com/css?family=Nunito+Sans');

.coffee_container {
  z-index: 12;
  position: absolute;
  left: -3vh;
  top: 0;
  transform: scale(0.7);
  font-family: 'Nunito Sans', sans-serif;
  font-size: 2em;
  display: none;
}

@media screen and (max-width: 820px) {
  .coffee_container {
    display: none;
  }
}

.shadow {
  filter: url('#gooeyness2');
  opacity: .2;
  transform: translateY(3px);
}
.paths {
  filter: url('#gooeyness1');
}
.button {
  cursor: pointer;
  /*fill:#4069a3;*/
  fill: #232324;;
  -webkit-tap-highlight-color: transparent;
  transition: fill 100ms;
}
.button:active {
  fill:#006ca9;
}
.icon-big {
  bottom: 104px;
  left: 100px;
  pointer-events: none;
  position: absolute;
  width: 100px;
}
.path-cup {
  transform-origin: 50%;
}
.icon {
  height: 50px;
  pointer-events: none;
  position: absolute;
  width: 50px;
}
.icon-coffee {
  bottom: 82px;
  left: 33px;
}
.icon-espresso {
  bottom: 81px;
  left: 127px;
}
.icon-latte {
  bottom: 83px;
  left: 220px;
}