body {color: rgb(0, 0, 0); 
background-color: rgb(204, 255, 255);

}

@font-face {
font-family:'Latinia';src:url('fonty/Latinia.ttf') format('truetype');
font-family:'Elsie-Black';src:url('fonty/Elsie-Black.otf') format('opentype');
font-family:'Alice-Regular';src:url('fonty/Alice-Regular.ttf') format('truetype');
}

header ul {
  list-style-type: none;
  margin: 0;
margin-top:10px;
  padding: 0;
  overflow: hidden;
  background-color: navy;
}

header li {
  float: left;width:15ex;
}

header li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* Change the link color to #111 (black) on hover */
header li a:hover {
  background-color: #111;
}
 
 
p {font-size:2ex;font-family:Tahoma,Arial;margin-bottom:4px;width:80ex;margin-left:15%}

.tytul {font-size:25px;
font-family:Alice-Regular,Elsie-Black,Latinia,Liberation Serif;
font-weight:400;
margin-bottom:4px;
width:60ex;
margin-left:20ex;
display:table-cell;
text-align:center;
vertical-align:center;
background-color:white;
border-radius:30px;
position:relative;left:5ex;}

.dn {font-size:3ex;
font-family:Alice-Regular;
font-weight:400;
color:red;}