body {
  background-image: url(https://images.unsplash.com/photo-1544376798-89aa6b82c6cd?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxzZWFyY2h8Mnx8dmVydGljYWwlMjBsYW5kc2NhcGV8ZW58MHx8MHx8&w=1000&q=80);
    background-size: cover;
}

h1 {
  text-align: center;
  text-decoration: underline;
  text-shadow: 2px 2px 1px gray;
}
h2 {
  text-shadow: 2px 2px 1px gray;
}

li {
  text-align: left;
}

img {
  height:25em
  
}

div h1 {
  position:-webkit-sticky;
  position: sticky;
  Top:0;
   background-color: blue;
}

a:visited {
  color: #BEF7FE;
}

a:hover {
 color: #FCECC0; 
}

.text {
	font-family: 'Inter', sans-serif;
	font-family: 'Martian Mono', monospace;
}

.text {
  text-align: center;
  padding: .5px;
}

.text {
   background: linear-gradient(to bottom right, blue, skyblue, skyblue);
  background-color: blue;
  box-shadow: 3px 3px 2px;
  border-radius: 4em 4em 1em 1em;
  height: 31em;
  color: white;
  padding: .5px;
  text-align: center;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.list {
  background: linear-gradient(to top left, blue, skyblue, skyblue);
  box-shadow: 3px 3px 2px;
  background-color: blue;
  color: white;
  padding: .5px;
  text-align: center;
  border-radius: 1em 1em 4em 4em;
  height: 20em;
}