.about-body{background: linear-gradient(to right, #bf3684, #654d9b);}
.menu-wrapper{display:flex;justify-content:center;}
.menu-container{width:400px;height:40px;display:flex;justify-content:space-between;align-items:center;background:transparent;font-family:'Montserrat',sans-serif;}
.menu-container a{text-decoration:none;font-size:14px;color:#fff;transition:color .3s ease;}
.menu-container a.subscribe{color:#FFC926;}
.menu-container a:hover{color:#ccc;}
.bubble-body{display:flex;justify-content:center;align-items:center;margin:0;}
.bubble-container{overflow:visible;cursor:pointer;}
@media (min-width: 771px){
  .bubble-container{width:210px;height:210px;}
}
@media (max-width: 770px){
  .bubble-container{width:160px;height:160px;}
}
.bubble-container img{width:100%;height:100%;transition:transform 0.6s;transform-style:preserve-3d;}
@keyframes spin{0%{transform:rotateY(0deg);}100%{transform:rotateY(360deg);}}
@keyframes spinclick{0%{transform:rotateY(0deg);}100%{transform:rotateY(360deg);}}
.spin{animation:spin 0.8s linear 3;}
.rotate{animation:spinclick 0.8s linear 1;}