@charset "UTF-8";
body {
background-color: Thistle;
border: 2px solid Gray;
border-radius: 16px;
font-family: sans-serif;
margin-left: auto;
margin-right: auto;
max-width: 1024px;
min-width: 256px;
padding-top: 8px;
padding-bottom: 24px;
padding-left: 24px;
padding-right: 24px;
}
html {
background: radial-gradient(circle, SkyBlue, SkyBlue 50%, LightCyan 50%, SkyBlue);
background-size: 8px 8px;
}
nav ul {
list-style-type:none;
background-color:#B577B5;
border: 4px solid #111111;
border-radius: 10px;
font-family:sans-serif;
font-weight:bold;
padding: 16px;
}
nav ul li {
display:inline;
border-right: 2px solid #111111;
padding-right: 8px;
padding-left: 8px;
}
nav ul li:last-child {
border-right:none;
}
nav ul li a {
text-decoration:none;
color:#111111;
}
p.top-tip {
    border:4px solid #00afeb;
    border-radius: 10px;
    padding: 16px;
    background-color: #c5ebfb;
}
p.top-tip::before {
    color: Black;
    content: "WSKAZÓWKA: ";
    font-weight: bold;
}