body {
  font-family: 'Lato', sans-serif;
}
#beer1 {
  height: 50vh;
  background-color: #F7BD01;
  font-weight: 900;
  position: relative;
}
#beer1 > div {
  font-size: 6em;
  color: transparent;
  text-align: center;
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -webkit-background-clip: text;
  background-clip: text;
  background-image: url('//caraujo_pens.surge.sh/images/nnk2Gsg.png');
  background-position: 0 0;
  -webkit-animation: serveja 1s linear infinite;
  -moz-animation: serveja 1s linear infinite;
  animation: serveja 1s linear infinite;
  -ms-animation: serveja 1s linear infinite;
}
@-moz-keyframes serveja {
  to {
    background-position: 1051px 0;
  }
}
@-webkit-keyframes serveja {
  to {
    background-position: 1051px 0;
  }
}
@keyframes serveja {
  to {
    background-position: 1051px 0;
  }
}
#beer2 {
  height: 50vh;
  background-color: #fff;
  font-weight: 900;
  position: relative;
}
#beer2 > div {
  width: 140px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  background-image: url('//caraujo_pens.surge.sh/images/zQjJ7lI.png');
  background-repeat: repeat-x;
  background-color: #F7BD01;
  -webkit-animation: serveja 10s linear infinite;
  -moz-animation: serveja 10s linear infinite;
  animation: serveja 10s linear infinite;
  -ms-animation: serveja 10s linear infinite;
}
#beer2 > div > div {
  position: relative;
  z-index: 400000;
  width: 100%;
  padding-bottom: 100%;
  background-image: url('//caraujo_pens.surge.sh/images/bnQiCZs.png');
}
#beer2 > div .bolha {
  border-radius: 100%;
  display: block;
  z-index: 2;
}
#beer2 > div .bolha:nth-child(40) {
  background-color: rgba(255, 255, 255, 0.70702677);
  width: 2.68773753px;
  height: 2.68773753px;
  position: absolute;
  left: 35.27016185%;
  bottom: 0;
  -webkit-animation: bolha 1.66893235s infinite linear;
  -moz-animation: bolha 1.66893235s infinite linear;
  animation: bolha 1.66893235s infinite linear;
  -ms-animation: bolha 1.66893235s infinite linear;
}
#beer2 > div .bolha:nth-child(39) {
  background-color: rgba(255, 255, 255, 0.53389511);
  width: 4.28124295px;
  height: 4.28124295px;
  position: absolute;
  left: 41.81556087%;
  bottom: 0;
  -webkit-animation: bolha 1.08610486s infinite linear;
  -moz-animation: bolha 1.08610486s infinite linear;
  animation: bolha 1.08610486s infinite linear;
  -ms-animation: bolha 1.08610486s infinite linear;
}
#beer2 > div .bolha:nth-child(38) {
  background-color: rgba(255, 255, 255, 0.46544063);
  width: 5.46525302px;
  height: 5.46525302px;
  position: absolute;
  left: 18.80765816%;
  bottom: 0;
  -webkit-animation: bolha 1.46887079s infinite linear;
  -moz-animation: bolha 1.46887079s infinite linear;
  animation: bolha 1.46887079s infinite linear;
  -ms-animation: bolha 1.46887079s infinite linear;
}
#beer2 > div .bolha:nth-child(37) {
  background-color: rgba(255, 255, 255, 0.75627921);
  width: 4.58097854px;
  height: 4.58097854px;
  position: absolute;
  left: 40.43188257%;
  bottom: 0;
  -webkit-animation: bolha 1.62886212s infinite linear;
  -moz-animation: bolha 1.62886212s infinite linear;
  animation: bolha 1.62886212s infinite linear;
  -ms-animation: bolha 1.62886212s infinite linear;
}
#beer2 > div .bolha:nth-child(36) {
  background-color: rgba(255, 255, 255, 0.68925529);
  width: 3.12930135px;
  height: 3.12930135px;
  position: absolute;
  left: 33.09309003%;
  bottom: 0;
  -webkit-animation: bolha 1.27401456s infinite linear;
  -moz-animation: bolha 1.27401456s infinite linear;
  animation: bolha 1.27401456s infinite linear;
  -ms-animation: bolha 1.27401456s infinite linear;
}
#beer2 > div .bolha:nth-child(35) {
  background-color: rgba(255, 255, 255, 0.89287841);
  width: 2.11960481px;
  height: 2.11960481px;
  position: absolute;
  left: 41.52359437%;
  bottom: 0;
  -webkit-animation: bolha 1.12712031s infinite linear;
  -moz-animation: bolha 1.12712031s infinite linear;
  animation: bolha 1.12712031s infinite linear;
  -ms-animation: bolha 1.12712031s infinite linear;
}
#beer2 > div .bolha:nth-child(34) {
  background-color: rgba(255, 255, 255, 0.82421166);
  width: 3.65513396px;
  height: 3.65513396px;
  position: absolute;
  left: 57.0363559%;
  bottom: 0;
  -webkit-animation: bolha 1.54702163s infinite linear;
  -moz-animation: bolha 1.54702163s infinite linear;
  animation: bolha 1.54702163s infinite linear;
  -ms-animation: bolha 1.54702163s infinite linear;
}
#beer2 > div .bolha:nth-child(33) {
  background-color: rgba(255, 255, 255, 0.69391335);
  width: 5.16756624px;
  height: 5.16756624px;
  position: absolute;
  left: 33.72203061%;
  bottom: 0;
  -webkit-animation: bolha 1.50654147s infinite linear;
  -moz-animation: bolha 1.50654147s infinite linear;
  animation: bolha 1.50654147s infinite linear;
  -ms-animation: bolha 1.50654147s infinite linear;
}
#beer2 > div .bolha:nth-child(32) {
  background-color: rgba(255, 255, 255, 0.63258715);
  width: 4.00195008px;
  height: 4.00195008px;
  position: absolute;
  left: 28.70813414%;
  bottom: 0;
  -webkit-animation: bolha 1.12982857s infinite linear;
  -moz-animation: bolha 1.12982857s infinite linear;
  animation: bolha 1.12982857s infinite linear;
  -ms-animation: bolha 1.12982857s infinite linear;
}
#beer2 > div .bolha:nth-child(31) {
  background-color: rgba(255, 255, 255, 0.29459743);
  width: 3.6322073px;
  height: 3.6322073px;
  position: absolute;
  left: 38.84262159%;
  bottom: 0;
  -webkit-animation: bolha 1.48162263s infinite linear;
  -moz-animation: bolha 1.48162263s infinite linear;
  animation: bolha 1.48162263s infinite linear;
  -ms-animation: bolha 1.48162263s infinite linear;
}
#beer2 > div .bolha:nth-child(30) {
  background-color: rgba(255, 255, 255, 0.13981686);
  width: 4.96285124px;
  height: 4.96285124px;
  position: absolute;
  left: 37.03807347%;
  bottom: 0;
  -webkit-animation: bolha 1.61328834s infinite linear;
  -moz-animation: bolha 1.61328834s infinite linear;
  animation: bolha 1.61328834s infinite linear;
  -ms-animation: bolha 1.61328834s infinite linear;
}
#beer2 > div .bolha:nth-child(29) {
  background-color: rgba(255, 255, 255, 0.19928129);
  width: 3.50059417px;
  height: 3.50059417px;
  position: absolute;
  left: 44.47651154%;
  bottom: 0;
  -webkit-animation: bolha 1.63416363s infinite linear;
  -moz-animation: bolha 1.63416363s infinite linear;
  animation: bolha 1.63416363s infinite linear;
  -ms-animation: bolha 1.63416363s infinite linear;
}
#beer2 > div .bolha:nth-child(28) {
  background-color: rgba(255, 255, 255, 0.59063785);
  width: 3.43381622px;
  height: 3.43381622px;
  position: absolute;
  left: 51.10248337%;
  bottom: 0;
  -webkit-animation: bolha 1.137987s infinite linear;
  -moz-animation: bolha 1.137987s infinite linear;
  animation: bolha 1.137987s infinite linear;
  -ms-animation: bolha 1.137987s infinite linear;
}
#beer2 > div .bolha:nth-child(27) {
  background-color: rgba(255, 255, 255, 0.47445954);
  width: 2.75791526px;
  height: 2.75791526px;
  position: absolute;
  left: 54.57197077%;
  bottom: 0;
  -webkit-animation: bolha 1.42347632s infinite linear;
  -moz-animation: bolha 1.42347632s infinite linear;
  animation: bolha 1.42347632s infinite linear;
  -ms-animation: bolha 1.42347632s infinite linear;
}
#beer2 > div .bolha:nth-child(26) {
  background-color: rgba(255, 255, 255, 0.87966488);
  width: 4.29080948px;
  height: 4.29080948px;
  position: absolute;
  left: 36.35598336%;
  bottom: 0;
  -webkit-animation: bolha 1.05179753s infinite linear;
  -moz-animation: bolha 1.05179753s infinite linear;
  animation: bolha 1.05179753s infinite linear;
  -ms-animation: bolha 1.05179753s infinite linear;
}
#beer2 > div .bolha:nth-child(25) {
  background-color: rgba(255, 255, 255, 0.22596373);
  width: 2.45225481px;
  height: 2.45225481px;
  position: absolute;
  left: 27.93386731%;
  bottom: 0;
  -webkit-animation: bolha 1.62415033s infinite linear;
  -moz-animation: bolha 1.62415033s infinite linear;
  animation: bolha 1.62415033s infinite linear;
  -ms-animation: bolha 1.62415033s infinite linear;
}
#beer2 > div .bolha:nth-child(24) {
  background-color: rgba(255, 255, 255, 0.45447201);
  width: 4.46099512px;
  height: 4.46099512px;
  position: absolute;
  left: 18.18543111%;
  bottom: 0;
  -webkit-animation: bolha 1.3286691s infinite linear;
  -moz-animation: bolha 1.3286691s infinite linear;
  animation: bolha 1.3286691s infinite linear;
  -ms-animation: bolha 1.3286691s infinite linear;
}
#beer2 > div .bolha:nth-child(23) {
  background-color: rgba(255, 255, 255, 0.35887395);
  width: 5.82327267px;
  height: 5.82327267px;
  position: absolute;
  left: 57.53333063%;
  bottom: 0;
  -webkit-animation: bolha 1.27398882s infinite linear;
  -moz-animation: bolha 1.27398882s infinite linear;
  animation: bolha 1.27398882s infinite linear;
  -ms-animation: bolha 1.27398882s infinite linear;
}
#beer2 > div .bolha:nth-child(22) {
  background-color: rgba(255, 255, 255, 0.49940123);
  width: 4.38305895px;
  height: 4.38305895px;
  position: absolute;
  left: 30.54175611%;
  bottom: 0;
  -webkit-animation: bolha 1.43147369s infinite linear;
  -moz-animation: bolha 1.43147369s infinite linear;
  animation: bolha 1.43147369s infinite linear;
  -ms-animation: bolha 1.43147369s infinite linear;
}
#beer2 > div .bolha:nth-child(21) {
  background-color: rgba(255, 255, 255, 0.37428651);
  width: 4.25891086px;
  height: 4.25891086px;
  position: absolute;
  left: 26.12161257%;
  bottom: 0;
  -webkit-animation: bolha 1.2464258s infinite linear;
  -moz-animation: bolha 1.2464258s infinite linear;
  animation: bolha 1.2464258s infinite linear;
  -ms-animation: bolha 1.2464258s infinite linear;
}
#beer2 > div .bolha:nth-child(20) {
  background-color: rgba(255, 255, 255, 0.82935511);
  width: 5.57247985px;
  height: 5.57247985px;
  position: absolute;
  left: 35.42685844%;
  bottom: 0;
  -webkit-animation: bolha 1.37087205s infinite linear;
  -moz-animation: bolha 1.37087205s infinite linear;
  animation: bolha 1.37087205s infinite linear;
  -ms-animation: bolha 1.37087205s infinite linear;
}
#beer2 > div .bolha:nth-child(19) {
  background-color: rgba(255, 255, 255, 0.68610726);
  width: 2.84556105px;
  height: 2.84556105px;
  position: absolute;
  left: 29.34079206%;
  bottom: 0;
  -webkit-animation: bolha 1.65119175s infinite linear;
  -moz-animation: bolha 1.65119175s infinite linear;
  animation: bolha 1.65119175s infinite linear;
  -ms-animation: bolha 1.65119175s infinite linear;
}
#beer2 > div .bolha:nth-child(18) {
  background-color: rgba(255, 255, 255, 0.3462373);
  width: 5.37450812px;
  height: 5.37450812px;
  position: absolute;
  left: 50.65096308%;
  bottom: 0;
  -webkit-animation: bolha 1.70847347s infinite linear;
  -moz-animation: bolha 1.70847347s infinite linear;
  animation: bolha 1.70847347s infinite linear;
  -ms-animation: bolha 1.70847347s infinite linear;
}
#beer2 > div .bolha:nth-child(17) {
  background-color: rgba(255, 255, 255, 0.372334);
  width: 4.06913526px;
  height: 4.06913526px;
  position: absolute;
  left: 41.73245183%;
  bottom: 0;
  -webkit-animation: bolha 1.65786159s infinite linear;
  -moz-animation: bolha 1.65786159s infinite linear;
  animation: bolha 1.65786159s infinite linear;
  -ms-animation: bolha 1.65786159s infinite linear;
}
#beer2 > div .bolha:nth-child(16) {
  background-color: rgba(255, 255, 255, 0.79618643);
  width: 3.31750279px;
  height: 3.31750279px;
  position: absolute;
  left: 38.69208844%;
  bottom: 0;
  -webkit-animation: bolha 1.78275408s infinite linear;
  -moz-animation: bolha 1.78275408s infinite linear;
  animation: bolha 1.78275408s infinite linear;
  -ms-animation: bolha 1.78275408s infinite linear;
}
#beer2 > div .bolha:nth-child(15) {
  background-color: rgba(255, 255, 255, 0.88760269);
  width: 2.15509228px;
  height: 2.15509228px;
  position: absolute;
  left: 49.0378562%;
  bottom: 0;
  -webkit-animation: bolha 1.69347868s infinite linear;
  -moz-animation: bolha 1.69347868s infinite linear;
  animation: bolha 1.69347868s infinite linear;
  -ms-animation: bolha 1.69347868s infinite linear;
}
#beer2 > div .bolha:nth-child(14) {
  background-color: rgba(255, 255, 255, 0.86161083);
  width: 3.5155163px;
  height: 3.5155163px;
  position: absolute;
  left: 52.01170478%;
  bottom: 0;
  -webkit-animation: bolha 1.05379409s infinite linear;
  -moz-animation: bolha 1.05379409s infinite linear;
  animation: bolha 1.05379409s infinite linear;
  -ms-animation: bolha 1.05379409s infinite linear;
}
#beer2 > div .bolha:nth-child(13) {
  background-color: rgba(255, 255, 255, 0.18814361);
  width: 3.86839836px;
  height: 3.86839836px;
  position: absolute;
  left: 28.68147399%;
  bottom: 0;
  -webkit-animation: bolha 1.66130065s infinite linear;
  -moz-animation: bolha 1.66130065s infinite linear;
  animation: bolha 1.66130065s infinite linear;
  -ms-animation: bolha 1.66130065s infinite linear;
}
#beer2 > div .bolha:nth-child(12) {
  background-color: rgba(255, 255, 255, 0.21308909);
  width: 3.80697953px;
  height: 3.80697953px;
  position: absolute;
  left: 43.07526088%;
  bottom: 0;
  -webkit-animation: bolha 1.33879848s infinite linear;
  -moz-animation: bolha 1.33879848s infinite linear;
  animation: bolha 1.33879848s infinite linear;
  -ms-animation: bolha 1.33879848s infinite linear;
}
#beer2 > div .bolha:nth-child(11) {
  background-color: rgba(255, 255, 255, 0.23459757);
  width: 5.2214498px;
  height: 5.2214498px;
  position: absolute;
  left: 49.65340431%;
  bottom: 0;
  -webkit-animation: bolha 1.14585315s infinite linear;
  -moz-animation: bolha 1.14585315s infinite linear;
  animation: bolha 1.14585315s infinite linear;
  -ms-animation: bolha 1.14585315s infinite linear;
}
#beer2 > div .bolha:nth-child(10) {
  background-color: rgba(255, 255, 255, 0.66396658);
  width: 2.72608299px;
  height: 2.72608299px;
  position: absolute;
  left: 49.61172133%;
  bottom: 0;
  -webkit-animation: bolha 1.48511814s infinite linear;
  -moz-animation: bolha 1.48511814s infinite linear;
  animation: bolha 1.48511814s infinite linear;
  -ms-animation: bolha 1.48511814s infinite linear;
}
#beer2 > div .bolha:nth-child(9) {
  background-color: rgba(255, 255, 255, 0.22477479);
  width: 3.01956263px;
  height: 3.01956263px;
  position: absolute;
  left: 43.62041587%;
  bottom: 0;
  -webkit-animation: bolha 1.70625452s infinite linear;
  -moz-animation: bolha 1.70625452s infinite linear;
  animation: bolha 1.70625452s infinite linear;
  -ms-animation: bolha 1.70625452s infinite linear;
}
#beer2 > div .bolha:nth-child(8) {
  background-color: rgba(255, 255, 255, 0.27035285);
  width: 3.36778989px;
  height: 3.36778989px;
  position: absolute;
  left: 51.26926799%;
  bottom: 0;
  -webkit-animation: bolha 1.12929175s infinite linear;
  -moz-animation: bolha 1.12929175s infinite linear;
  animation: bolha 1.12929175s infinite linear;
  -ms-animation: bolha 1.12929175s infinite linear;
}
#beer2 > div .bolha:nth-child(7) {
  background-color: rgba(255, 255, 255, 0.8070433);
  width: 5.07067941px;
  height: 5.07067941px;
  position: absolute;
  left: 35.31315785%;
  bottom: 0;
  -webkit-animation: bolha 1.78939839s infinite linear;
  -moz-animation: bolha 1.78939839s infinite linear;
  animation: bolha 1.78939839s infinite linear;
  -ms-animation: bolha 1.78939839s infinite linear;
}
#beer2 > div .bolha:nth-child(6) {
  background-color: rgba(255, 255, 255, 0.67701156);
  width: 2.23058466px;
  height: 2.23058466px;
  position: absolute;
  left: 35.34189268%;
  bottom: 0;
  -webkit-animation: bolha 1.38555448s infinite linear;
  -moz-animation: bolha 1.38555448s infinite linear;
  animation: bolha 1.38555448s infinite linear;
  -ms-animation: bolha 1.38555448s infinite linear;
}
#beer2 > div .bolha:nth-child(5) {
  background-color: rgba(255, 255, 255, 0.6932874);
  width: 2.49786856px;
  height: 2.49786856px;
  position: absolute;
  left: 18.70322313%;
  bottom: 0;
  -webkit-animation: bolha 1.27023884s infinite linear;
  -moz-animation: bolha 1.27023884s infinite linear;
  animation: bolha 1.27023884s infinite linear;
  -ms-animation: bolha 1.27023884s infinite linear;
}
#beer2 > div .bolha:nth-child(4) {
  background-color: rgba(255, 255, 255, 0.1948562);
  width: 2.17395587px;
  height: 2.17395587px;
  position: absolute;
  left: 48.210101%;
  bottom: 0;
  -webkit-animation: bolha 1.71026167s infinite linear;
  -moz-animation: bolha 1.71026167s infinite linear;
  animation: bolha 1.71026167s infinite linear;
  -ms-animation: bolha 1.71026167s infinite linear;
}
#beer2 > div .bolha:nth-child(3) {
  background-color: rgba(255, 255, 255, 0.6381537);
  width: 5.44937068px;
  height: 5.44937068px;
  position: absolute;
  left: 25.60268466%;
  bottom: 0;
  -webkit-animation: bolha 1.79242155s infinite linear;
  -moz-animation: bolha 1.79242155s infinite linear;
  animation: bolha 1.79242155s infinite linear;
  -ms-animation: bolha 1.79242155s infinite linear;
}
#beer2 > div .bolha:nth-child(2) {
  background-color: rgba(255, 255, 255, 0.20272499);
  width: 3.37000687px;
  height: 3.37000687px;
  position: absolute;
  left: 39.05737298%;
  bottom: 0;
  -webkit-animation: bolha 1.11455963s infinite linear;
  -moz-animation: bolha 1.11455963s infinite linear;
  animation: bolha 1.11455963s infinite linear;
  -ms-animation: bolha 1.11455963s infinite linear;
}
#beer2 > div .bolha:nth-child(1) {
  background-color: rgba(255, 255, 255, 0.86726749);
  width: 3.12272992px;
  height: 3.12272992px;
  position: absolute;
  left: 38.909982%;
  bottom: 0;
  -webkit-animation: bolha 1.79711404s infinite linear;
  -moz-animation: bolha 1.79711404s infinite linear;
  animation: bolha 1.79711404s infinite linear;
  -ms-animation: bolha 1.79711404s infinite linear;
}
@-moz-keyframes bolha {
  to {
    bottom: 100%;
    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
  }
}
@-webkit-keyframes bolha {
  to {
    bottom: 100%;
    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
  }
}
@keyframes bolha {
  to {
    bottom: 100%;
    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
  }
}