Favourite Cocktail by

Luiz Otávio Carvalho

On: 12 Jul 2016

Personal site: http://codepen.io/superoak

<div class="circle">
  <div class="table"></div>
  <div class="glass">
    <div class="reflex"></div>
    <div class="base"></div>
    <div class="base shadow"></div>
    <div class="wine">
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
      <div class="wine-line"></div>
    </div>
  </div>
</div>
body {
  background-color: #292929;
}

.circle {
  position: absolute;
  left: 50%;
  top: 20px;
  margin-left: -150px;
  overflow: hidden;
  width: 300px;
  height: 300px;
  background-color: #d52744;
  border-radius: 50%;
}

.table {
  position: absolute;
  bottom: 0;
  width: 300px;
  height: 100px;
  background-color: #e7505c;
}

.glass {
  position: relative;
  left: 50%;
  margin-left: -70px;
  top: 40px;
  width: 100px;
  height: 90px;
  background-color: #CCD6DD;
  border: 20px solid #8899A6;
  border-top: 0;
  border-radius: 0 0 100% 100% / 0 0 250px 250px;
}
.glass:after {
  content: "";
  position: absolute;
  left: 50%;
  top: -20px;
  width: 140px;
  height: 40px;
  margin-left: -70px;
  border-radius: 50%;
  background-color: #CCD6DD;
}
.glass .reflex {
  position: absolute;
  top: -35px;
  left: 50%;
  z-index: 1;
  margin-left: -65px;
  width: 130px;
  height: 50px;
  border-bottom: 15px solid white;
  border-radius: 50%;
}
.glass .base {
  position: absolute;
  top: 180px;
  left: 50%;
  z-index: 2;
  margin-left: -40px;
  width: 0;
  height: 0;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-bottom: 20px solid #8899A6;
}
.glass .base.shadow {
  z-index: 1;
  top: 205px;
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1);
  border-bottom-color: #bf3a44;
}
.glass .base.shadow:after, .glass .base.shadow:before {
  background-color: #bf3a44;
}
.glass .base:before, .glass .base:after {
  content: "";
  position: absolute;
  left: 50%;
}
.glass .base:before {
  width: 20px;
  height: 100px;
  margin-left: -10px;
  bottom: -15px;
  background-color: #8899A6;
}
.glass .base:after {
  margin-left: -40px;
  bottom: -30px;
  width: 80px;
  height: 20px;
  background-color: #8899A6;
  border-radius: 50%;
}
.glass .wine {
  position: absolute;
  bottom: -5px;
  left: 50%;
  margin-left: -45px;
  width: 90px;
  height: 50px;
  background-color: #A0041E;
  border-radius: 0 0 100% 100%/ 0 0 200% 200%;
}
.glass .wine .wine-line {
  background: #A0041E;
  width: 1px;
  height: 1px;
  float: left;
  -webkit-animation: wave 1s infinite ease-in-out alternate;
          animation: wave 1s infinite ease-in-out alternate;
  z-index: 1;
  position: absolute;
  top: 1px;
}
.glass .wine .wine-line:nth-child(0) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  left: -1px;
}
.glass .wine .wine-line:nth-child(1) {
  -webkit-animation-delay: 0.01s;
          animation-delay: 0.01s;
  left: 0px;
}
.glass .wine .wine-line:nth-child(2) {
  -webkit-animation-delay: 0.02s;
          animation-delay: 0.02s;
  left: 1px;
}
.glass .wine .wine-line:nth-child(3) {
  -webkit-animation-delay: 0.03s;
          animation-delay: 0.03s;
  left: 2px;
}
.glass .wine .wine-line:nth-child(4) {
  -webkit-animation-delay: 0.04s;
          animation-delay: 0.04s;
  left: 3px;
}
.glass .wine .wine-line:nth-child(5) {
  -webkit-animation-delay: 0.05s;
          animation-delay: 0.05s;
  left: 4px;
}
.glass .wine .wine-line:nth-child(6) {
  -webkit-animation-delay: 0.06s;
          animation-delay: 0.06s;
  left: 5px;
}
.glass .wine .wine-line:nth-child(7) {
  -webkit-animation-delay: 0.07s;
          animation-delay: 0.07s;
  left: 6px;
}
.glass .wine .wine-line:nth-child(8) {
  -webkit-animation-delay: 0.08s;
          animation-delay: 0.08s;
  left: 7px;
}
.glass .wine .wine-line:nth-child(9) {
  -webkit-animation-delay: 0.09s;
          animation-delay: 0.09s;
  left: 8px;
}
.glass .wine .wine-line:nth-child(10) {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
  left: 9px;
}
.glass .wine .wine-line:nth-child(11) {
  -webkit-animation-delay: 0.11s;
          animation-delay: 0.11s;
  left: 10px;
}
.glass .wine .wine-line:nth-child(12) {
  -webkit-animation-delay: 0.12s;
          animation-delay: 0.12s;
  left: 11px;
}
.glass .wine .wine-line:nth-child(13) {
  -webkit-animation-delay: 0.13s;
          animation-delay: 0.13s;
  left: 12px;
}
.glass .wine .wine-line:nth-child(14) {
  -webkit-animation-delay: 0.14s;
          animation-delay: 0.14s;
  left: 13px;
}
.glass .wine .wine-line:nth-child(15) {
  -webkit-animation-delay: 0.15s;
          animation-delay: 0.15s;
  left: 14px;
}
.glass .wine .wine-line:nth-child(16) {
  -webkit-animation-delay: 0.16s;
          animation-delay: 0.16s;
  left: 15px;
}
.glass .wine .wine-line:nth-child(17) {
  -webkit-animation-delay: 0.17s;
          animation-delay: 0.17s;
  left: 16px;
}
.glass .wine .wine-line:nth-child(18) {
  -webkit-animation-delay: 0.18s;
          animation-delay: 0.18s;
  left: 17px;
}
.glass .wine .wine-line:nth-child(19) {
  -webkit-animation-delay: 0.19s;
          animation-delay: 0.19s;
  left: 18px;
}
.glass .wine .wine-line:nth-child(20) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
  left: 19px;
}
.glass .wine .wine-line:nth-child(21) {
  -webkit-animation-delay: 0.21s;
          animation-delay: 0.21s;
  left: 20px;
}
.glass .wine .wine-line:nth-child(22) {
  -webkit-animation-delay: 0.22s;
          animation-delay: 0.22s;
  left: 21px;
}
.glass .wine .wine-line:nth-child(23) {
  -webkit-animation-delay: 0.23s;
          animation-delay: 0.23s;
  left: 22px;
}
.glass .wine .wine-line:nth-child(24) {
  -webkit-animation-delay: 0.24s;
          animation-delay: 0.24s;
  left: 23px;
}
.glass .wine .wine-line:nth-child(25) {
  -webkit-animation-delay: 0.25s;
          animation-delay: 0.25s;
  left: 24px;
}
.glass .wine .wine-line:nth-child(26) {
  -webkit-animation-delay: 0.26s;
          animation-delay: 0.26s;
  left: 25px;
}
.glass .wine .wine-line:nth-child(27) {
  -webkit-animation-delay: 0.27s;
          animation-delay: 0.27s;
  left: 26px;
}
.glass .wine .wine-line:nth-child(28) {
  -webkit-animation-delay: 0.28s;
          animation-delay: 0.28s;
  left: 27px;
}
.glass .wine .wine-line:nth-child(29) {
  -webkit-animation-delay: 0.29s;
          animation-delay: 0.29s;
  left: 28px;
}
.glass .wine .wine-line:nth-child(30) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
  left: 29px;
}
.glass .wine .wine-line:nth-child(31) {
  -webkit-animation-delay: 0.31s;
          animation-delay: 0.31s;
  left: 30px;
}
.glass .wine .wine-line:nth-child(32) {
  -webkit-animation-delay: 0.32s;
          animation-delay: 0.32s;
  left: 31px;
}
.glass .wine .wine-line:nth-child(33) {
  -webkit-animation-delay: 0.33s;
          animation-delay: 0.33s;
  left: 32px;
}
.glass .wine .wine-line:nth-child(34) {
  -webkit-animation-delay: 0.34s;
          animation-delay: 0.34s;
  left: 33px;
}
.glass .wine .wine-line:nth-child(35) {
  -webkit-animation-delay: 0.35s;
          animation-delay: 0.35s;
  left: 34px;
}
.glass .wine .wine-line:nth-child(36) {
  -webkit-animation-delay: 0.36s;
          animation-delay: 0.36s;
  left: 35px;
}
.glass .wine .wine-line:nth-child(37) {
  -webkit-animation-delay: 0.37s;
          animation-delay: 0.37s;
  left: 36px;
}
.glass .wine .wine-line:nth-child(38) {
  -webkit-animation-delay: 0.38s;
          animation-delay: 0.38s;
  left: 37px;
}
.glass .wine .wine-line:nth-child(39) {
  -webkit-animation-delay: 0.39s;
          animation-delay: 0.39s;
  left: 38px;
}
.glass .wine .wine-line:nth-child(40) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
  left: 39px;
}
.glass .wine .wine-line:nth-child(41) {
  -webkit-animation-delay: 0.41s;
          animation-delay: 0.41s;
  left: 40px;
}
.glass .wine .wine-line:nth-child(42) {
  -webkit-animation-delay: 0.42s;
          animation-delay: 0.42s;
  left: 41px;
}
.glass .wine .wine-line:nth-child(43) {
  -webkit-animation-delay: 0.43s;
          animation-delay: 0.43s;
  left: 42px;
}
.glass .wine .wine-line:nth-child(44) {
  -webkit-animation-delay: 0.44s;
          animation-delay: 0.44s;
  left: 43px;
}
.glass .wine .wine-line:nth-child(45) {
  -webkit-animation-delay: 0.45s;
          animation-delay: 0.45s;
  left: 44px;
}
.glass .wine .wine-line:nth-child(46) {
  -webkit-animation-delay: 0.46s;
          animation-delay: 0.46s;
  left: 45px;
}
.glass .wine .wine-line:nth-child(47) {
  -webkit-animation-delay: 0.47s;
          animation-delay: 0.47s;
  left: 46px;
}
.glass .wine .wine-line:nth-child(48) {
  -webkit-animation-delay: 0.48s;
          animation-delay: 0.48s;
  left: 47px;
}
.glass .wine .wine-line:nth-child(49) {
  -webkit-animation-delay: 0.49s;
          animation-delay: 0.49s;
  left: 48px;
}
.glass .wine .wine-line:nth-child(50) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  left: 49px;
}
.glass .wine .wine-line:nth-child(51) {
  -webkit-animation-delay: 0.51s;
          animation-delay: 0.51s;
  left: 50px;
}
.glass .wine .wine-line:nth-child(52) {
  -webkit-animation-delay: 0.52s;
          animation-delay: 0.52s;
  left: 51px;
}
.glass .wine .wine-line:nth-child(53) {
  -webkit-animation-delay: 0.53s;
          animation-delay: 0.53s;
  left: 52px;
}
.glass .wine .wine-line:nth-child(54) {
  -webkit-animation-delay: 0.54s;
          animation-delay: 0.54s;
  left: 53px;
}
.glass .wine .wine-line:nth-child(55) {
  -webkit-animation-delay: 0.55s;
          animation-delay: 0.55s;
  left: 54px;
}
.glass .wine .wine-line:nth-child(56) {
  -webkit-animation-delay: 0.56s;
          animation-delay: 0.56s;
  left: 55px;
}
.glass .wine .wine-line:nth-child(57) {
  -webkit-animation-delay: 0.57s;
          animation-delay: 0.57s;
  left: 56px;
}
.glass .wine .wine-line:nth-child(58) {
  -webkit-animation-delay: 0.58s;
          animation-delay: 0.58s;
  left: 57px;
}
.glass .wine .wine-line:nth-child(59) {
  -webkit-animation-delay: 0.59s;
          animation-delay: 0.59s;
  left: 58px;
}
.glass .wine .wine-line:nth-child(60) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
  left: 59px;
}
.glass .wine .wine-line:nth-child(61) {
  -webkit-animation-delay: 0.61s;
          animation-delay: 0.61s;
  left: 60px;
}
.glass .wine .wine-line:nth-child(62) {
  -webkit-animation-delay: 0.62s;
          animation-delay: 0.62s;
  left: 61px;
}
.glass .wine .wine-line:nth-child(63) {
  -webkit-animation-delay: 0.63s;
          animation-delay: 0.63s;
  left: 62px;
}
.glass .wine .wine-line:nth-child(64) {
  -webkit-animation-delay: 0.64s;
          animation-delay: 0.64s;
  left: 63px;
}
.glass .wine .wine-line:nth-child(65) {
  -webkit-animation-delay: 0.65s;
          animation-delay: 0.65s;
  left: 64px;
}
.glass .wine .wine-line:nth-child(66) {
  -webkit-animation-delay: 0.66s;
          animation-delay: 0.66s;
  left: 65px;
}
.glass .wine .wine-line:nth-child(67) {
  -webkit-animation-delay: 0.67s;
          animation-delay: 0.67s;
  left: 66px;
}
.glass .wine .wine-line:nth-child(68) {
  -webkit-animation-delay: 0.68s;
          animation-delay: 0.68s;
  left: 67px;
}
.glass .wine .wine-line:nth-child(69) {
  -webkit-animation-delay: 0.69s;
          animation-delay: 0.69s;
  left: 68px;
}
.glass .wine .wine-line:nth-child(70) {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
  left: 69px;
}
.glass .wine .wine-line:nth-child(71) {
  -webkit-animation-delay: 0.71s;
          animation-delay: 0.71s;
  left: 70px;
}
.glass .wine .wine-line:nth-child(72) {
  -webkit-animation-delay: 0.72s;
          animation-delay: 0.72s;
  left: 71px;
}
.glass .wine .wine-line:nth-child(73) {
  -webkit-animation-delay: 0.73s;
          animation-delay: 0.73s;
  left: 72px;
}
.glass .wine .wine-line:nth-child(74) {
  -webkit-animation-delay: 0.74s;
          animation-delay: 0.74s;
  left: 73px;
}
.glass .wine .wine-line:nth-child(75) {
  -webkit-animation-delay: 0.75s;
          animation-delay: 0.75s;
  left: 74px;
}
.glass .wine .wine-line:nth-child(76) {
  -webkit-animation-delay: 0.76s;
          animation-delay: 0.76s;
  left: 75px;
}
.glass .wine .wine-line:nth-child(77) {
  -webkit-animation-delay: 0.77s;
          animation-delay: 0.77s;
  left: 76px;
}
.glass .wine .wine-line:nth-child(78) {
  -webkit-animation-delay: 0.78s;
          animation-delay: 0.78s;
  left: 77px;
}
.glass .wine .wine-line:nth-child(79) {
  -webkit-animation-delay: 0.79s;
          animation-delay: 0.79s;
  left: 78px;
}
.glass .wine .wine-line:nth-child(80) {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
  left: 79px;
}
.glass .wine .wine-line:nth-child(81) {
  -webkit-animation-delay: 0.81s;
          animation-delay: 0.81s;
  left: 80px;
}
.glass .wine .wine-line:nth-child(82) {
  -webkit-animation-delay: 0.82s;
          animation-delay: 0.82s;
  left: 81px;
}
.glass .wine .wine-line:nth-child(83) {
  -webkit-animation-delay: 0.83s;
          animation-delay: 0.83s;
  left: 82px;
}
.glass .wine .wine-line:nth-child(84) {
  -webkit-animation-delay: 0.84s;
          animation-delay: 0.84s;
  left: 83px;
}
.glass .wine .wine-line:nth-child(85) {
  -webkit-animation-delay: 0.85s;
          animation-delay: 0.85s;
  left: 84px;
}
.glass .wine .wine-line:nth-child(86) {
  -webkit-animation-delay: 0.86s;
          animation-delay: 0.86s;
  left: 85px;
}
.glass .wine .wine-line:nth-child(87) {
  -webkit-animation-delay: 0.87s;
          animation-delay: 0.87s;
  left: 86px;
}
.glass .wine .wine-line:nth-child(88) {
  -webkit-animation-delay: 0.88s;
          animation-delay: 0.88s;
  left: 87px;
}
.glass .wine .wine-line:nth-child(89) {
  -webkit-animation-delay: 0.89s;
          animation-delay: 0.89s;
  left: 88px;
}
.glass .wine .wine-line:nth-child(90) {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
  left: 89px;
}
.glass .wine .wine-line:nth-child(91) {
  -webkit-animation-delay: 0.91s;
          animation-delay: 0.91s;
  left: 90px;
}
.glass .wine .wine-line:nth-child(92) {
  -webkit-animation-delay: 0.92s;
          animation-delay: 0.92s;
  left: 91px;
}
.glass .wine .wine-line:nth-child(93) {
  -webkit-animation-delay: 0.93s;
          animation-delay: 0.93s;
  left: 92px;
}
.glass .wine .wine-line:nth-child(94) {
  -webkit-animation-delay: 0.94s;
          animation-delay: 0.94s;
  left: 93px;
}
.glass .wine .wine-line:nth-child(95) {
  -webkit-animation-delay: 0.95s;
          animation-delay: 0.95s;
  left: 94px;
}
.glass .wine .wine-line:nth-child(96) {
  -webkit-animation-delay: 0.96s;
          animation-delay: 0.96s;
  left: 95px;
}
.glass .wine .wine-line:nth-child(97) {
  -webkit-animation-delay: 0.97s;
          animation-delay: 0.97s;
  left: 96px;
}
.glass .wine .wine-line:nth-child(98) {
  -webkit-animation-delay: 0.98s;
          animation-delay: 0.98s;
  left: 97px;
}
.glass .wine .wine-line:nth-child(99) {
  -webkit-animation-delay: 0.99s;
          animation-delay: 0.99s;
  left: 98px;
}
.glass .wine .wine-line:nth-child(100) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  left: 99px;
}
.glass .wine .wine-line:nth-child(101) {
  -webkit-animation-delay: 1.01s;
          animation-delay: 1.01s;
  left: 100px;
}
.glass .wine .wine-line:nth-child(102) {
  -webkit-animation-delay: 1.02s;
          animation-delay: 1.02s;
  left: 101px;
}
.glass .wine .wine-line:nth-child(103) {
  -webkit-animation-delay: 1.03s;
          animation-delay: 1.03s;
  left: 102px;
}
.glass .wine .wine-line:nth-child(104) {
  -webkit-animation-delay: 1.04s;
          animation-delay: 1.04s;
  left: 103px;
}
.glass .wine .wine-line:nth-child(105) {
  -webkit-animation-delay: 1.05s;
          animation-delay: 1.05s;
  left: 104px;
}
.glass .wine .wine-line:nth-child(106) {
  -webkit-animation-delay: 1.06s;
          animation-delay: 1.06s;
  left: 105px;
}
.glass .wine .wine-line:nth-child(107) {
  -webkit-animation-delay: 1.07s;
          animation-delay: 1.07s;
  left: 106px;
}
.glass .wine .wine-line:nth-child(108) {
  -webkit-animation-delay: 1.08s;
          animation-delay: 1.08s;
  left: 107px;
}
.glass .wine .wine-line:nth-child(109) {
  -webkit-animation-delay: 1.09s;
          animation-delay: 1.09s;
  left: 108px;
}
.glass .wine .wine-line:nth-child(110) {
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
  left: 109px;
}
.glass .wine .wine-line:nth-child(111) {
  -webkit-animation-delay: 1.11s;
          animation-delay: 1.11s;
  left: 110px;
}
.glass .wine .wine-line:nth-child(112) {
  -webkit-animation-delay: 1.12s;
          animation-delay: 1.12s;
  left: 111px;
}
.glass .wine .wine-line:nth-child(113) {
  -webkit-animation-delay: 1.13s;
          animation-delay: 1.13s;
  left: 112px;
}
.glass .wine .wine-line:nth-child(114) {
  -webkit-animation-delay: 1.14s;
          animation-delay: 1.14s;
  left: 113px;
}
.glass .wine .wine-line:nth-child(115) {
  -webkit-animation-delay: 1.15s;
          animation-delay: 1.15s;
  left: 114px;
}
.glass .wine .wine-line:nth-child(116) {
  -webkit-animation-delay: 1.16s;
          animation-delay: 1.16s;
  left: 115px;
}
.glass .wine .wine-line:nth-child(117) {
  -webkit-animation-delay: 1.17s;
          animation-delay: 1.17s;
  left: 116px;
}
.glass .wine .wine-line:nth-child(118) {
  -webkit-animation-delay: 1.18s;
          animation-delay: 1.18s;
  left: 117px;
}
.glass .wine .wine-line:nth-child(119) {
  -webkit-animation-delay: 1.19s;
          animation-delay: 1.19s;
  left: 118px;
}
.glass .wine .wine-line:nth-child(120) {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
  left: 119px;
}
.glass .wine .wine-line:nth-child(121) {
  -webkit-animation-delay: 1.21s;
          animation-delay: 1.21s;
  left: 120px;
}
.glass .wine .wine-line:nth-child(122) {
  -webkit-animation-delay: 1.22s;
          animation-delay: 1.22s;
  left: 121px;
}
.glass .wine .wine-line:nth-child(123) {
  -webkit-animation-delay: 1.23s;
          animation-delay: 1.23s;
  left: 122px;
}
.glass .wine .wine-line:nth-child(124) {
  -webkit-animation-delay: 1.24s;
          animation-delay: 1.24s;
  left: 123px;
}
.glass .wine .wine-line:nth-child(125) {
  -webkit-animation-delay: 1.25s;
          animation-delay: 1.25s;
  left: 124px;
}
.glass .wine .wine-line:nth-child(126) {
  -webkit-animation-delay: 1.26s;
          animation-delay: 1.26s;
  left: 125px;
}
.glass .wine .wine-line:nth-child(127) {
  -webkit-animation-delay: 1.27s;
          animation-delay: 1.27s;
  left: 126px;
}
.glass .wine .wine-line:nth-child(128) {
  -webkit-animation-delay: 1.28s;
          animation-delay: 1.28s;
  left: 127px;
}
.glass .wine .wine-line:nth-child(129) {
  -webkit-animation-delay: 1.29s;
          animation-delay: 1.29s;
  left: 128px;
}
.glass .wine .wine-line:nth-child(130) {
  -webkit-animation-delay: 1.3s;
          animation-delay: 1.3s;
  left: 129px;
}
.glass .wine .wine-line:nth-child(131) {
  -webkit-animation-delay: 1.31s;
          animation-delay: 1.31s;
  left: 130px;
}
.glass .wine .wine-line:nth-child(132) {
  -webkit-animation-delay: 1.32s;
          animation-delay: 1.32s;
  left: 131px;
}
.glass .wine .wine-line:nth-child(133) {
  -webkit-animation-delay: 1.33s;
          animation-delay: 1.33s;
  left: 132px;
}
.glass .wine .wine-line:nth-child(134) {
  -webkit-animation-delay: 1.34s;
          animation-delay: 1.34s;
  left: 133px;
}
.glass .wine .wine-line:nth-child(135) {
  -webkit-animation-delay: 1.35s;
          animation-delay: 1.35s;
  left: 134px;
}
.glass .wine .wine-line:nth-child(136) {
  -webkit-animation-delay: 1.36s;
          animation-delay: 1.36s;
  left: 135px;
}
.glass .wine .wine-line:nth-child(137) {
  -webkit-animation-delay: 1.37s;
          animation-delay: 1.37s;
  left: 136px;
}
.glass .wine .wine-line:nth-child(138) {
  -webkit-animation-delay: 1.38s;
          animation-delay: 1.38s;
  left: 137px;
}
.glass .wine .wine-line:nth-child(139) {
  -webkit-animation-delay: 1.39s;
          animation-delay: 1.39s;
  left: 138px;
}
.glass .wine .wine-line:nth-child(140) {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
  left: 139px;
}
.glass .wine .wine-line:nth-child(141) {
  -webkit-animation-delay: 1.41s;
          animation-delay: 1.41s;
  left: 140px;
}
.glass .wine .wine-line:nth-child(142) {
  -webkit-animation-delay: 1.42s;
          animation-delay: 1.42s;
  left: 141px;
}
.glass .wine .wine-line:nth-child(143) {
  -webkit-animation-delay: 1.43s;
          animation-delay: 1.43s;
  left: 142px;
}
.glass .wine .wine-line:nth-child(144) {
  -webkit-animation-delay: 1.44s;
          animation-delay: 1.44s;
  left: 143px;
}
.glass .wine .wine-line:nth-child(145) {
  -webkit-animation-delay: 1.45s;
          animation-delay: 1.45s;
  left: 144px;
}
.glass .wine .wine-line:nth-child(146) {
  -webkit-animation-delay: 1.46s;
          animation-delay: 1.46s;
  left: 145px;
}
.glass .wine .wine-line:nth-child(147) {
  -webkit-animation-delay: 1.47s;
          animation-delay: 1.47s;
  left: 146px;
}
.glass .wine .wine-line:nth-child(148) {
  -webkit-animation-delay: 1.48s;
          animation-delay: 1.48s;
  left: 147px;
}
.glass .wine .wine-line:nth-child(149) {
  -webkit-animation-delay: 1.49s;
          animation-delay: 1.49s;
  left: 148px;
}
.glass .wine .wine-line:nth-child(150) {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
  left: 149px;
}
.glass .wine .wine-line:nth-child(151) {
  -webkit-animation-delay: 1.51s;
          animation-delay: 1.51s;
  left: 150px;
}
.glass .wine .wine-line:nth-child(152) {
  -webkit-animation-delay: 1.52s;
          animation-delay: 1.52s;
  left: 151px;
}
.glass .wine .wine-line:nth-child(153) {
  -webkit-animation-delay: 1.53s;
          animation-delay: 1.53s;
  left: 152px;
}
.glass .wine .wine-line:nth-child(154) {
  -webkit-animation-delay: 1.54s;
          animation-delay: 1.54s;
  left: 153px;
}
.glass .wine .wine-line:nth-child(155) {
  -webkit-animation-delay: 1.55s;
          animation-delay: 1.55s;
  left: 154px;
}
.glass .wine .wine-line:nth-child(156) {
  -webkit-animation-delay: 1.56s;
          animation-delay: 1.56s;
  left: 155px;
}
.glass .wine .wine-line:nth-child(157) {
  -webkit-animation-delay: 1.57s;
          animation-delay: 1.57s;
  left: 156px;
}
.glass .wine .wine-line:nth-child(158) {
  -webkit-animation-delay: 1.58s;
          animation-delay: 1.58s;
  left: 157px;
}
.glass .wine .wine-line:nth-child(159) {
  -webkit-animation-delay: 1.59s;
          animation-delay: 1.59s;
  left: 158px;
}
.glass .wine .wine-line:nth-child(160) {
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
  left: 159px;
}
.glass .wine .wine-line:nth-child(161) {
  -webkit-animation-delay: 1.61s;
          animation-delay: 1.61s;
  left: 160px;
}
.glass .wine .wine-line:nth-child(162) {
  -webkit-animation-delay: 1.62s;
          animation-delay: 1.62s;
  left: 161px;
}
.glass .wine .wine-line:nth-child(163) {
  -webkit-animation-delay: 1.63s;
          animation-delay: 1.63s;
  left: 162px;
}
.glass .wine .wine-line:nth-child(164) {
  -webkit-animation-delay: 1.64s;
          animation-delay: 1.64s;
  left: 163px;
}
.glass .wine .wine-line:nth-child(165) {
  -webkit-animation-delay: 1.65s;
          animation-delay: 1.65s;
  left: 164px;
}
.glass .wine .wine-line:nth-child(166) {
  -webkit-animation-delay: 1.66s;
          animation-delay: 1.66s;
  left: 165px;
}
.glass .wine .wine-line:nth-child(167) {
  -webkit-animation-delay: 1.67s;
          animation-delay: 1.67s;
  left: 166px;
}
.glass .wine .wine-line:nth-child(168) {
  -webkit-animation-delay: 1.68s;
          animation-delay: 1.68s;
  left: 167px;
}
.glass .wine .wine-line:nth-child(169) {
  -webkit-animation-delay: 1.69s;
          animation-delay: 1.69s;
  left: 168px;
}
.glass .wine .wine-line:nth-child(170) {
  -webkit-animation-delay: 1.7s;
          animation-delay: 1.7s;
  left: 169px;
}
.glass .wine .wine-line:nth-child(171) {
  -webkit-animation-delay: 1.71s;
          animation-delay: 1.71s;
  left: 170px;
}
.glass .wine .wine-line:nth-child(172) {
  -webkit-animation-delay: 1.72s;
          animation-delay: 1.72s;
  left: 171px;
}
.glass .wine .wine-line:nth-child(173) {
  -webkit-animation-delay: 1.73s;
          animation-delay: 1.73s;
  left: 172px;
}
.glass .wine .wine-line:nth-child(174) {
  -webkit-animation-delay: 1.74s;
          animation-delay: 1.74s;
  left: 173px;
}
.glass .wine .wine-line:nth-child(175) {
  -webkit-animation-delay: 1.75s;
          animation-delay: 1.75s;
  left: 174px;
}
.glass .wine .wine-line:nth-child(176) {
  -webkit-animation-delay: 1.76s;
          animation-delay: 1.76s;
  left: 175px;
}
.glass .wine .wine-line:nth-child(177) {
  -webkit-animation-delay: 1.77s;
          animation-delay: 1.77s;
  left: 176px;
}
.glass .wine .wine-line:nth-child(178) {
  -webkit-animation-delay: 1.78s;
          animation-delay: 1.78s;
  left: 177px;
}
.glass .wine .wine-line:nth-child(179) {
  -webkit-animation-delay: 1.79s;
          animation-delay: 1.79s;
  left: 178px;
}
.glass .wine .wine-line:nth-child(180) {
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
  left: 179px;
}
.glass .wine .wine-line:nth-child(181) {
  -webkit-animation-delay: 1.81s;
          animation-delay: 1.81s;
  left: 180px;
}
.glass .wine .wine-line:nth-child(182) {
  -webkit-animation-delay: 1.82s;
          animation-delay: 1.82s;
  left: 181px;
}
.glass .wine .wine-line:nth-child(183) {
  -webkit-animation-delay: 1.83s;
          animation-delay: 1.83s;
  left: 182px;
}
.glass .wine .wine-line:nth-child(184) {
  -webkit-animation-delay: 1.84s;
          animation-delay: 1.84s;
  left: 183px;
}
.glass .wine .wine-line:nth-child(185) {
  -webkit-animation-delay: 1.85s;
          animation-delay: 1.85s;
  left: 184px;
}
.glass .wine .wine-line:nth-child(186) {
  -webkit-animation-delay: 1.86s;
          animation-delay: 1.86s;
  left: 185px;
}
.glass .wine .wine-line:nth-child(187) {
  -webkit-animation-delay: 1.87s;
          animation-delay: 1.87s;
  left: 186px;
}
.glass .wine .wine-line:nth-child(188) {
  -webkit-animation-delay: 1.88s;
          animation-delay: 1.88s;
  left: 187px;
}
.glass .wine .wine-line:nth-child(189) {
  -webkit-animation-delay: 1.89s;
          animation-delay: 1.89s;
  left: 188px;
}
.glass .wine .wine-line:nth-child(190) {
  -webkit-animation-delay: 1.9s;
          animation-delay: 1.9s;
  left: 189px;
}
.glass .wine .wine-line:nth-child(191) {
  -webkit-animation-delay: 1.91s;
          animation-delay: 1.91s;
  left: 190px;
}
.glass .wine .wine-line:nth-child(192) {
  -webkit-animation-delay: 1.92s;
          animation-delay: 1.92s;
  left: 191px;
}
.glass .wine .wine-line:nth-child(193) {
  -webkit-animation-delay: 1.93s;
          animation-delay: 1.93s;
  left: 192px;
}
.glass .wine .wine-line:nth-child(194) {
  -webkit-animation-delay: 1.94s;
          animation-delay: 1.94s;
  left: 193px;
}
.glass .wine .wine-line:nth-child(195) {
  -webkit-animation-delay: 1.95s;
          animation-delay: 1.95s;
  left: 194px;
}
.glass .wine .wine-line:nth-child(196) {
  -webkit-animation-delay: 1.96s;
          animation-delay: 1.96s;
  left: 195px;
}
.glass .wine .wine-line:nth-child(197) {
  -webkit-animation-delay: 1.97s;
          animation-delay: 1.97s;
  left: 196px;
}
.glass .wine .wine-line:nth-child(198) {
  -webkit-animation-delay: 1.98s;
          animation-delay: 1.98s;
  left: 197px;
}
.glass .wine .wine-line:nth-child(199) {
  -webkit-animation-delay: 1.99s;
          animation-delay: 1.99s;
  left: 198px;
}
.glass .wine .wine-line:nth-child(200) {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  left: 199px;
}
.glass .wine .wine-line:nth-child(201) {
  -webkit-animation-delay: 2.01s;
          animation-delay: 2.01s;
  left: 200px;
}
.glass .wine .wine-line:nth-child(202) {
  -webkit-animation-delay: 2.02s;
          animation-delay: 2.02s;
  left: 201px;
}
.glass .wine .wine-line:nth-child(203) {
  -webkit-animation-delay: 2.03s;
          animation-delay: 2.03s;
  left: 202px;
}
.glass .wine .wine-line:nth-child(204) {
  -webkit-animation-delay: 2.04s;
          animation-delay: 2.04s;
  left: 203px;
}
.glass .wine .wine-line:nth-child(205) {
  -webkit-animation-delay: 2.05s;
          animation-delay: 2.05s;
  left: 204px;
}
.glass .wine .wine-line:nth-child(206) {
  -webkit-animation-delay: 2.06s;
          animation-delay: 2.06s;
  left: 205px;
}
.glass .wine .wine-line:nth-child(207) {
  -webkit-animation-delay: 2.07s;
          animation-delay: 2.07s;
  left: 206px;
}
.glass .wine .wine-line:nth-child(208) {
  -webkit-animation-delay: 2.08s;
          animation-delay: 2.08s;
  left: 207px;
}
.glass .wine .wine-line:nth-child(209) {
  -webkit-animation-delay: 2.09s;
          animation-delay: 2.09s;
  left: 208px;
}
.glass .wine .wine-line:nth-child(210) {
  -webkit-animation-delay: 2.1s;
          animation-delay: 2.1s;
  left: 209px;
}
.glass .wine .wine-line:nth-child(211) {
  -webkit-animation-delay: 2.11s;
          animation-delay: 2.11s;
  left: 210px;
}
.glass .wine .wine-line:nth-child(212) {
  -webkit-animation-delay: 2.12s;
          animation-delay: 2.12s;
  left: 211px;
}
.glass .wine .wine-line:nth-child(213) {
  -webkit-animation-delay: 2.13s;
          animation-delay: 2.13s;
  left: 212px;
}
.glass .wine .wine-line:nth-child(214) {
  -webkit-animation-delay: 2.14s;
          animation-delay: 2.14s;
  left: 213px;
}
.glass .wine .wine-line:nth-child(215) {
  -webkit-animation-delay: 2.15s;
          animation-delay: 2.15s;
  left: 214px;
}
.glass .wine .wine-line:nth-child(216) {
  -webkit-animation-delay: 2.16s;
          animation-delay: 2.16s;
  left: 215px;
}
.glass .wine .wine-line:nth-child(217) {
  -webkit-animation-delay: 2.17s;
          animation-delay: 2.17s;
  left: 216px;
}
.glass .wine .wine-line:nth-child(218) {
  -webkit-animation-delay: 2.18s;
          animation-delay: 2.18s;
  left: 217px;
}
.glass .wine .wine-line:nth-child(219) {
  -webkit-animation-delay: 2.19s;
          animation-delay: 2.19s;
  left: 218px;
}
.glass .wine .wine-line:nth-child(220) {
  -webkit-animation-delay: 2.2s;
          animation-delay: 2.2s;
  left: 219px;
}
.glass .wine .wine-line:nth-child(221) {
  -webkit-animation-delay: 2.21s;
          animation-delay: 2.21s;
  left: 220px;
}
.glass .wine .wine-line:nth-child(222) {
  -webkit-animation-delay: 2.22s;
          animation-delay: 2.22s;
  left: 221px;
}
.glass .wine .wine-line:nth-child(223) {
  -webkit-animation-delay: 2.23s;
          animation-delay: 2.23s;
  left: 222px;
}
.glass .wine .wine-line:nth-child(224) {
  -webkit-animation-delay: 2.24s;
          animation-delay: 2.24s;
  left: 223px;
}
.glass .wine .wine-line:nth-child(225) {
  -webkit-animation-delay: 2.25s;
          animation-delay: 2.25s;
  left: 224px;
}
.glass .wine .wine-line:nth-child(226) {
  -webkit-animation-delay: 2.26s;
          animation-delay: 2.26s;
  left: 225px;
}
.glass .wine .wine-line:nth-child(227) {
  -webkit-animation-delay: 2.27s;
          animation-delay: 2.27s;
  left: 226px;
}
.glass .wine .wine-line:nth-child(228) {
  -webkit-animation-delay: 2.28s;
          animation-delay: 2.28s;
  left: 227px;
}
.glass .wine .wine-line:nth-child(229) {
  -webkit-animation-delay: 2.29s;
          animation-delay: 2.29s;
  left: 228px;
}
.glass .wine .wine-line:nth-child(230) {
  -webkit-animation-delay: 2.3s;
          animation-delay: 2.3s;
  left: 229px;
}
.glass .wine .wine-line:nth-child(231) {
  -webkit-animation-delay: 2.31s;
          animation-delay: 2.31s;
  left: 230px;
}
.glass .wine .wine-line:nth-child(232) {
  -webkit-animation-delay: 2.32s;
          animation-delay: 2.32s;
  left: 231px;
}
.glass .wine .wine-line:nth-child(233) {
  -webkit-animation-delay: 2.33s;
          animation-delay: 2.33s;
  left: 232px;
}
.glass .wine .wine-line:nth-child(234) {
  -webkit-animation-delay: 2.34s;
          animation-delay: 2.34s;
  left: 233px;
}
.glass .wine .wine-line:nth-child(235) {
  -webkit-animation-delay: 2.35s;
          animation-delay: 2.35s;
  left: 234px;
}
.glass .wine .wine-line:nth-child(236) {
  -webkit-animation-delay: 2.36s;
          animation-delay: 2.36s;
  left: 235px;
}
.glass .wine .wine-line:nth-child(237) {
  -webkit-animation-delay: 2.37s;
          animation-delay: 2.37s;
  left: 236px;
}
.glass .wine .wine-line:nth-child(238) {
  -webkit-animation-delay: 2.38s;
          animation-delay: 2.38s;
  left: 237px;
}
.glass .wine .wine-line:nth-child(239) {
  -webkit-animation-delay: 2.39s;
          animation-delay: 2.39s;
  left: 238px;
}
.glass .wine .wine-line:nth-child(240) {
  -webkit-animation-delay: 2.4s;
          animation-delay: 2.4s;
  left: 239px;
}
.glass .wine .wine-line:nth-child(241) {
  -webkit-animation-delay: 2.41s;
          animation-delay: 2.41s;
  left: 240px;
}
.glass .wine .wine-line:nth-child(242) {
  -webkit-animation-delay: 2.42s;
          animation-delay: 2.42s;
  left: 241px;
}
.glass .wine .wine-line:nth-child(243) {
  -webkit-animation-delay: 2.43s;
          animation-delay: 2.43s;
  left: 242px;
}
.glass .wine .wine-line:nth-child(244) {
  -webkit-animation-delay: 2.44s;
          animation-delay: 2.44s;
  left: 243px;
}
.glass .wine .wine-line:nth-child(245) {
  -webkit-animation-delay: 2.45s;
          animation-delay: 2.45s;
  left: 244px;
}
.glass .wine .wine-line:nth-child(246) {
  -webkit-animation-delay: 2.46s;
          animation-delay: 2.46s;
  left: 245px;
}
.glass .wine .wine-line:nth-child(247) {
  -webkit-animation-delay: 2.47s;
          animation-delay: 2.47s;
  left: 246px;
}
.glass .wine .wine-line:nth-child(248) {
  -webkit-animation-delay: 2.48s;
          animation-delay: 2.48s;
  left: 247px;
}
.glass .wine .wine-line:nth-child(249) {
  -webkit-animation-delay: 2.49s;
          animation-delay: 2.49s;
  left: 248px;
}
.glass .wine .wine-line:nth-child(250) {
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
  left: 249px;
}
.glass .wine .wine-line:nth-child(251) {
  -webkit-animation-delay: 2.51s;
          animation-delay: 2.51s;
  left: 250px;
}
.glass .wine .wine-line:nth-child(252) {
  -webkit-animation-delay: 2.52s;
          animation-delay: 2.52s;
  left: 251px;
}
.glass .wine .wine-line:nth-child(253) {
  -webkit-animation-delay: 2.53s;
          animation-delay: 2.53s;
  left: 252px;
}
.glass .wine .wine-line:nth-child(254) {
  -webkit-animation-delay: 2.54s;
          animation-delay: 2.54s;
  left: 253px;
}
.glass .wine .wine-line:nth-child(255) {
  -webkit-animation-delay: 2.55s;
          animation-delay: 2.55s;
  left: 254px;
}
.glass .wine .wine-line:nth-child(256) {
  -webkit-animation-delay: 2.56s;
          animation-delay: 2.56s;
  left: 255px;
}
.glass .wine .wine-line:nth-child(257) {
  -webkit-animation-delay: 2.57s;
          animation-delay: 2.57s;
  left: 256px;
}
.glass .wine .wine-line:nth-child(258) {
  -webkit-animation-delay: 2.58s;
          animation-delay: 2.58s;
  left: 257px;
}
.glass .wine .wine-line:nth-child(259) {
  -webkit-animation-delay: 2.59s;
          animation-delay: 2.59s;
  left: 258px;
}

@-webkit-keyframes wave {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    height: 1px;
  }
  100% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
    height: 10px;
  }
}

@keyframes wave {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    height: 1px;
  }
  100% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
    height: 10px;
  }
}

24