:root{
  --white: hsl(0, 0%, 100%);
  --first: hsl(212, 45%, 89%);
  --second: hsl(216, 15%, 48%);
  --third: hsl(218, 44%, 22%);
}

*,*::before,*::after{
  margin: 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box;
}
html,body{
  height: 100%;
}
body{
  font:'Outfit','sans-serif';
  font-weight: 300;
  background-color:var(--first);
  display:flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
h1,h2,h3,h4,h5,h6{
  font-weight: 700;
}
img {
  max-width: 100%;
  height: auto;
  border-radius:10px;
}
.card{
  background: var(--white);
  width:180px;
  height: 270px;
  padding: 15px;
    border: 1px solid var(--white);
    border-radius:15px;
  }
.card_body h1{
  font-family: 'Outfit',sans-serif;
font-weight: 700;
font-size: 10px;
padding:10px;
text-align: center;
color: var(--third);
}

.card_body p{
  font-family: 'Outfit',sans-serif;
  font-weight: 300;
  font-size: 9px;
text-align: center;
color: var(--second);
}

.attribution{
  font-size: 10px;
  margin-top: 10px;


}