h1 {
	font-size: 300%;
	font-weight: normal;
	position: relative;
	color: white;
	text-shadow: 1px 1px 2px #b3829a, 0 0 25px #d5a6bd, 0 0 5px #000000;

}

h3 {
	margin-top: 1.5rem;
	position: relative;
	justify-content: center;
		text-shadow: 1px 1px 2px #b3829a, 0 0 25px #d5a6bd, 0 0 5px #000000;
}

.yellow{
  	color: white;
		text-shadow: 1px 1px 2px #f6c736, 0 0 25px #ffe599, 0 0 5px #000000;
}

.pink{
  	color: white;
		text-shadow: 1px 1px 2px #b3829a, 0 0 25px #d5a6bd, 0 0 5px #000000;
}
.blue{
  	color: white;
		text-shadow: 1px 1px 2px #3f8dd3, 0 0 25px #9fc5e8, 0 0 5px #000000;
}
.green{
  	color: white;
		text-shadow: 1px 1px 2px #75c452, 0 0 25px #b6d7a8, 0 0 5px #000000;
}

p2 {
  color: black;
  font-size: 100%;
  text-shadow: 1px 1px 2px white, 0 0 5px white, 0 0 25px #b3829a;
}

li {
  color: black;
  text-shadow: 1px 1px 2px white, 0 0 25px white, 0 0 5px #d5a6bd;
}
  
.container {
        position: ;
        top: 150px;
        left: 150px;
        width: 1400px;
        height: 1100px;
        background-color: #B7D9E9;
    }
    
     .box2 {
        margin-top: 20px;
        margin-left: 50px;
        margin-right: 50px;
        margin-bottom: 20px;
    }
    
.content {
  max-width: 600px;
  margin: auto;
  padding: 10px;
}
      .content2 {
  max-width: 300px;
  margin: auto;
  padding: 10px;
  align-content: center;
}

.image{
  justify-content: center;
  align-content: center;
}