﻿.fv{
  position:relative;
  display:flex;
  justify-content:space-around;
       }
.element{
   position: absolute;}
   
.element img {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  animation: typing 3s steps(30), typingEffect .5s step-end infinite alternate;
}

@keyframes typing {
  from {
    width: 0
  }
}

@keyframes typingEffect {
  100% {
    border-color: transparent
  }
}


.coffee_01{
  position:relative;
  display:flex;
  justify-content:space-around;
       }
.coffee_a{
 position: absolute;  
 top:0;
}
.arrow{
 position: absolute;   
 top:-10%;
 animation: arrow-move06 2s 1s ease-in-out infinite;
}
 @keyframes arrow-move06 {
    0% { top: 0%; opacity: 0.7;}
   50% { top: 8%; opacity: 1;}
  100% { top: 0%; opacity: 0.7;}
}      

 .ctv02{
        position:relative;
        display:flex;
        justify-content:space-around;
       }
 .ctv02 a{
         position: absolute;
         bottom:0;
       }  
       
.coffee_05{
    position:relative;
        display:flex;
        justify-content:space-around;
}
.glow{
   position: absolute;
   animation: tikatika 2s step-end infinite;
}
@keyframes tikatika {
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}
 
       .ctv{
        position:relative;
        display:flex;
        justify-content:space-around;
       }
       
       .ctv a{
         position: absolute;
         bottom:0;
       }
       
       
       
.fixed_btn { 
position: sticky;
bottom: 0;
}