body {
font-family: Arial, Verdana, sans-serif;
font-size: 1rem;
line-height: 1.5em;
color: #333333;
background-color: #fff5f7;
margin: 0;
padding: 0;
text-align: left;
}

header {
background-color: #ffe4ec;
padding: 2rem;
border-bottom: 0.2rem solid #f8b6c8;
text-align: center;
}

h1 {
color: #c94f7c;
font-size: 2.2rem;
font-weight: bold;
text-transform: capitalize;
text-shadow: 0.1rem 0.1rem 0.15rem #f5c6d6;
margin: 0 0 0.8rem 0;
}

h2 {
color: #d96c8c;
font-size: 1.4rem;
font-weight: bold;
text-transform: capitalize;
margin-top: 0;
margin-bottom: 0.8rem;
}

nav {
background-color: #d96c8c;
padding: 0.8rem;
margin-top: 1rem;
border: 0.1rem solid #c94f7c;
}

a {
color: #c94f7c;
text-decoration: none;
}

a:visited {
color: #c94f7c;
}

a:hover {
color: #a63d66;
background-color: #fff0f5;
}

a:active {
color: #8b2f4f;
}

main {
width: 80%;
margin: 2rem auto;
padding: 1rem;
background-color: #ffffff;
border: 0.1rem solid #f5c6d6;
}

section,
article,
fieldset {
margin-bottom: 1.5rem;
padding: 1rem;
border: 0.1rem solid #f5c6d6;
background-color: #fffafa;
}

legend {
font-weight: bold;
color: #d96c8c;
}

p {
font-size: 1rem;
font-style: normal;
margin-top: 0.6rem;
margin-bottom: 0.6rem;
text-align: left;
}

ul {
list-style-type: square;
list-style-position: outside;
margin: 1rem 0 1rem 2rem;
padding: 0;
}

ol {
list-style-type: decimal;
list-style-position: outside;
margin: 1rem 0 1rem 2rem;
padding: 0;
}

dl {
margin: 1rem 0;
padding: 0;
}

dt {
font-weight: bold;
color: #c94f7c;
margin-top: 0.8rem;
}

dd {
margin-left: 1.5rem;
margin-bottom: 0.8rem;
}

figure {
margin: 1rem auto;
padding: 0.8rem;
border: 0.1rem solid #f5c6d6;
background-color: #ffffff;
width: 65%;
text-align: center;
}

img {
width: 80%;
border: 0.1rem solid #e0a9b9;
}

blockquote {
margin: 1rem 0;
padding: 1rem 1.5rem;
border-left: 0.35rem solid #d96c8c;
background-color: #fff0f5;
font-style: italic;
}

footer {
background-color: #ffe4ec;
color: #c94f7c;
text-align: center;
padding: 1rem;
border-top: 0.15rem solid #f8b6c8;
margin-top: 2rem;
}

.highlight {
background-color: #ffe4ec;
font-weight: bold;
padding: 0.2rem;
}

#top,
#start {
background-color: #ffe4ec;
}

section a {
font-weight: bold;
}

nav a,
nav a:link,
nav a:visited {
display: inline-block;
color: #ffffff;
font-weight: bold;
padding: 0.3rem 0.5rem;
text-transform: uppercase;
}

nav a:hover,
nav a:active {
color: #fff0f5;
background-color: #c94f7c;
}

section {
min-height: 10vh;
}