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;
}
h1 {
background-color: #C0C0FF;
}
h2 {
color: #e60000
}
nav ul {
    list-style-type:none;
background-color:#B577B5;
border: 4px solid #111111;
border-radius: 10px;
font-family:cursive;
font-weight:bold;
padding: 16px;
font-size: 20px;
}
nav ul li {
display: inline;
border-right: 2px solid #111111;
padding-right: 16px;
padding-left: 16px;
}
nav ul li:last-child {
    border-right:none;
}
nav ul li a {
text-decoration:none;
color: #111111
}
nav ul li a:hover {
    text-decoration: underline;
    background-color: red;
    text-decoration-color: yellow
}
p.top-tip {
border:4px solid 
#00AFEB;
border: radius 10px;
padding:16px;
background-color:
#C5EBFB;
}
p.top-tip::before {
color:Black;
content: "TOP TIP:";
font-weight: bold;
}