:root {
  --White: hsl(0, 0%, 100%);
  --Slate-300: hsl(212, 45%, 89%);
  --Slate-500: hsl(216, 15%, 48%);
  --Slate-900: hsl(218, 44%, 22%);
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  background-color: var(--Slate-300);
  font-family: "outfit";
  min-height: 100vh;
  display: flex;
  align-items: center;
  font-size: 15px;
}
.container {
  max-width: 375px;
  margin: 0 auto;
}
.card {
  text-align: center;
  /* position: absolute; */
  /* left: 50%; */
  /* top: 50%; */
  /* transform: translate(-50%, -50%); */
  background-color: var(--White);
  margin: 0 1em;
  /* flex-direction: column; */
  /* display: flex; */
  /* justify-content: center; */
  align-items: center;
  border-radius: 25px;
  padding: 14px;
  /* letter-spacing: 2px; */
}
img {
  /* margin-top: 20px; */
  width: 100%;
  border-radius: 15px;
}
.text {
  padding: 22px 18px;
}
h1 {
  /* margin-top: 20px; */
  /* max-width: 440px; */
  font-size: 22px;
  color: var(--Slate-900);
  padding-bottom: 11px;
}
p {
  /* margin: 20px 0 40px; */
  font-size: 17px;
  /* max-width: 380px; */
  color: var(--Slate-500);
}