html {
overflow: hidden;
}
body {
margin: 0px;
padding: 0px;
}
#container {
position: absolute;
top: 92%;
left: 18%; /*25*/
width: 80px;
height: 80px;
display: none;
flex-direction: column;
}
header {
width: 80px;
height: 80px;
opacity: 0.8;
border-top-left-radius: 40px;
border-top-right-radius: 40px;
}
header img {
width: 80px;
height: 80px;
border-top-left-radius: 40px;
border-top-right-radius: 40px;
}
.blink-image {
-moz-animation: blink normal 1s infinite ease-in-out;
-webkit-animation: blink normal 1s infinite ease-in-out;
animation: blink normal 1s infinite ease-in-out;
}
@-moz-keyframes blink {
0% {opacity:1;}
50% {opacity:0;}
100% {opacity:1;}
}
@-webkit-keyframes blink {
0% {opacity:1;}
50% {opacity:0;}
100% {opacity:1;}
}
@keyframes blink {
0% {opacity:1;}
50% {opacity:0;}
100% {opacity:1;}
}