.container{
  height: 90vh;
	grid-gap:30px;
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: 1fr 4fr 1fr;

  flex-direction:column;
}
.head{
  border-radius: 100px;
  border: 1px solid;
  display:flex;
  justify-content: center;
  align-items: center;
  flex-direction:column;
  flex-basis: 0px;
}
.body{
  /*border: 1px solid;*/
  display:flex;
  justify-content: center;
  align-items: center;
  flex-direction:column;
  background-color:teal;
  flex-basis: 0px;
}
.footer{
  border: 1px solid;
  display:flex;
  justify-content: center;
  align-items: center;
  flex-direction:column;
  flex-basis: 0px;
  border-radius: 100px;
}

.title{
  line-height: 0px;
}
.content{
  line-height: 0px;
  font-size: 12px;
}