html, body
{
  color: white;
  background-color: #000000;
  padding: 10px;
  text-align: center;
}


.header {
  color: white;
  background-color: #000000;
  padding: 10px;
  text-align: center;
  border: 5px outset #222021;
  border-top-left-radius: 40px 40px;

}

.header:hover, .header:active {
  color: red;
}



.content
{
  color: white;
  background-color: #000000;
  padding: 10px;
  text-align: center;
}


img {

  height: auto;
  --s: 10px; control the size
  padding: var(--s);
  border: calc(2*var(--s)) solid #0000;
  outline: 1px solid #000;
  outline-offset: calc(-1*var(--s));
  background: conic-gradient(from 90deg at 1px 1px,#0000 25%,#000 0);

}

ul {
  font-size: 150%;
  text-align: left;
  list-style-image: url('Media/PNG/bulina27.png');
}


li {
  justify-content: center;
  align-items: center;
}



.center {
  margin: auto;
  display: flex;
  width: 400px; 
  justify-content: center;
  /* align-items: center; */
}


li:hover, li:active
{

list-style-image: url('Media/PNG/bulinaA27.png');
}




a:link, a:visited {
  background-color: #000000;
  color: white;
  padding: 0px 0px;
  text-decoration: none;
  display: inline-block;
}

a:hover, a:active {
  background-color: red;
}

.footer {
  color: white;
  background-color: #000000;
  text-align: center;
  padding: 5px;
  border: 5px inset #222021;
   font-size: 150%;
   border-bottom-right-radius: 40px 40px;

}

.blinking{
	animation:blinkingText 1.5s infinite;
}
@keyframes blinkingText{
	0%{		color: red;	}
	49%{	color: transparent;	}
	50%{	color: transparent;	}
	99%{	color: red;	}
	100%{	color: red;	}
}