#sslnote {
z-index:999;
position: fixed;
top:20px;
left: 10px;
width:254px;
box-shadow: 8px 8px 15px #757575;
border-radius: 16px;
border: 1px solid #70eaea;
margin: 10px 0px;
padding:10px 10px 10px 15px;
color: #ffff00;
text-shadow:2px 2px #000000;
font-size:11px;
text-align:justify;
background: linear-gradient(#001060 10%, #002065 25%, #004060 30%, #004555 50%, #005550 60%);
    -webkit-animation: fadeinout 4s linear 1 forwards;
    animation: fadeinout 18s linear 1 forwards;
}
@-webkit-keyframes fadeinout {
  0% { opacity: 0; }
  15% { opacity: 1; }
  85% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes fadeinout {
  0% { opacity: 0; }
  15% { opacity: 1; }
  85% { opacity: 1; }
  100% { opacity: 0; }
}