styles.css

@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap");


body {
  background-color: hsl(212, 45%, 89%);
  height: 100vh;
  margin: 0;
  padding: 0;
  font-family: 'Outfit', sans-serif;
}

.wrapper {
	height:100vh;
	display: flex;
	justify-content: center;
	align-items: center;
}

.card {
	padding:14px;
	background-color:hsl(0, 0%, 100%);
	max-width:300px;
	border-radius:15px;
	margin:auto;
}

img {
    width: 100%;
    height: auto;
	border-radius:15px;
}

.attribution { padding-top:25px; font-size: 11px; text-align: center; }
.attribution a { color: hsl(228, 45%, 44%); }

.card h1,p {
	text-align: center;
	padding: 0px 15px;
}

.card h1 {
	font-weight: 900;
	color:hsl(218, 44%, 22%);
	font-size:22px;
}

.card p {
	font-weight: 400;
	color: hsl(220, 15%, 55%);
	font-size:15px;
}