@keyframes blink {
            0% {
                opacity: 1;
            }

            50% {
                opacity: 0;
            }

            100% {
                opacity: 1;
            } 
        }
        .blinking-text {
          //  text-align: center;
         //   margin-top: 20%;
            font-size: 12px;
            color: white;
            animation: blink 1s infinite;
        }


.bellnormal{
vertical-align: top;
font-size:12px;
letter-spacing: 3px;
background-color:#7fb3d5;
width:27px;
height:22px;
color:#fff;
border-radius: 3px;
padding-top: 3px;
text-align: center;
position: absolute;
margin-left: 110px; //
margin-top: 0px; //
}
.bellwarning{
vertical-align: top;
font-size:12px;
letter-spacing: 3px;
background-color:#FF0000;
width:27px;
height:22px;
color:#fff;
border-radius: 3px;
padding-top: 3px;
text-align: center;
position: absolute;
margin-left: 110px; //
margin-top: 0px; //
}
.bell{
    width:64px;
    margin-top: 5%;
}