body				{background-color: #E0E0E0; color: #000000; background-image: url('/img/logo.svg'); background-size: 30%; background-repeat: no-repeat; background-attachment: fixed; background-position: 50% 50%; margin:0; padding:0; height:100%; display: flex;}
.ribbon 			{width: 500px; height: 500px; overflow: hidden; position: absolute;}
.ribbon::before, .ribbon::after {position: absolute; z-index: -1; content: ''; display: block; border: 5px solid #2980b9;}
.ribbon span 			{position: absolute; display: block; width: 850px; padding: 15px 0; background-color: #3498db; box-shadow: 0 5px 10px rgba(0,0,0,.1); color: #fff; font: 500 18px/1 'Lato', sans-serif; text-shadow: 0 1px 1px rgba(0,0,0,.2); text-transform: uppercase; text-align: center;
}

.ribbon-top-left {
  top: -20px;
  left: -20px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-top-left::before {
  top: 0;
  right: 0;
}
.ribbon-top-left::after {
  bottom: 0;
  left: 0;
}
.ribbon-top-left span {
  right: -50px;
  top: 100px;
  transform: rotate(-45deg);

animation: blink-animation 1s steps(5, start) infinite;
        -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
        to {
          visibility: hidden;
        }
      }
      @-webkit-keyframes blink-animation {
        to {
          visibility: hidden;
        }

}



#grupeby		{position:absolute; bottom: 10px; right: 15px; font-family:"verdana", sans-serif; font-size:10px; color:#000;}
#grupeby a:link 	{font-family:"verdana", sans-serif; font-size:10px; color:#000;text-decoration: none;}
#grupeby a:visited 	{font-family:"verdana", sans-serif; font-size:10px; color:#000;text-decoration: none;}
#grupeby a:hover 	{font-family:"verdana", sans-serif; font-size:10px; color:#000;text-decoration: underline;}
#grupeby a:active 	{font-family:"verdana", sans-serif; font-size:10px; color:#000;text-decoration: underline;}