h1 {}
.card-container{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
}
.card{
  display:flex;
  flex-direction:column;
  background:orange;
  overflow:hidden;
  margin:20px;
  padding:1vw;
  max-width:90vw;
  border-radius:3px;
}
body{
	background-image:linear-gradient(black,red,green,black);
}
.navbar{
  background-color:orange;
  color:purple;
  width:100%;
  height:50px;
  position:sticky;
  padding:2px;
  top:20px;
  text-align:center;
  font-size:40px;
  font-family:"Passero One", sans-serif;
}
.content{ 
  padding:16px;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.image{
  width:100%;
  height:100%;
}
.title{
	font-size:24px;
	font-weight:bold;
	font-family:"Passero One", sans-serif;
	color:purple;
}
.description{
	font-family:"Kranky", serif;
  color:purple;
}
.passero-one-regular {
  font-family: "Passero One", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.kranky-regular {
  font-family: "Kranky", serif;
  font-weight: 400;
  font-style: normal;
}
@media (min-width:700px){
  .card {
    max-width: 40vw;
  }
}
@media (min-width:1100px){
  .card {
    max-width: 20vw;
  }
}