@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;500&display=swap');

body {
      width: 100%;
      padding: 0;
      margin: 0;
   color: #001a14;
   background-color:#ffffff;
   background: rgb(228,251,245);
   background: radial-gradient(circle, rgba(228,251,245,1) 9%, rgba(126,255,219,1) 27%, rgba(217,247,245,1) 61%, rgba(198,249,242,1) 82%, rgba(127,255,232,0.8547794117647058) 100%);
   font-family:  'Roboto Slab', Geneva, Verdana, sans-serif;
}

.container {
   width: 90%;
   display: flex;
   flex-wrap:wrap;
   justify-content: center;
   margin-left:auto;
   margin-right:auto;
   align-items: stretch;
}
.header {
  width: 100%;
   text-align:center;
}
.header h1 {
   color: #000033;
	letter-spacing: .15em;
}


.box-container {
	width: 70%;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: center;
}

.box {
    width: 30em;
   background-color:#e8f7f4;
   border: 1px solid #004d00;
	border-radius: 8px;
   margin: 15px;
   padding: 10px 40px 10px 40px;
}

.box h3 {
   letter-spacing: .05em;
}

.plan {
	font-size: .8em;
}