#container {
  max-width:70%;
  background-color: white;
  margin:auto;
  clear:left;
  border:2px solid black;
  border-radius: 10px;
}

#Header {
 text-align:center;
 font-size:50px;
 text-transform: uppercase;
 background-color: white;
 max-width: 70%;
 margin:auto;
 border-radius: 10px;
}

button a {
  text-decoration:none;
}

button {
  top:15px;
  left:25px;
  padding:15px;
  background-color:white;
  border-radius:5px;
}

ul p {
  max-width: 100%;
}

.Heading {
  background-color: #d1d5e0;
  text-transform: uppercase;
  font-size:20px;
  margin-bottom:5px;
}

.Heading p {
  margin-left: 13%;
}

body {
  background: linear-gradient(mediumpurple, pink);
  color: black;
  font-family: serif;
}

ul {
  margin-left: 10%;
  margin-right: 10%;
  list-style-type:circle;
}

li {
  color: black;
  background-color:#d1d5e0;
}

a {
  color:#8564d9;
  font-weight:bold;
  text-decoration: underline wavy #8564d9 1px;
}

p {
  color:black;
  max-width:80%;
  margin:auto;
  padding:5px;
}

strong {
  font-weight: bold;
}

img {
  display:block;
  margin:auto;
  padding:5px;
  background-color: #d1d5e0;
  border:2px solid black;
}



/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: white; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background:rebeccapurple; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background:hotpink; 
}