@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@400;700&display=swap");
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  background-color: #D5E1EF;
  font-family: 'Outfit', sans-serif;
  font-size: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100vh;
}

.attribution {
  font-size: 11px;
  text-align: center;
}

.attribution a {
  color: hsk(228, 45% 55%);
}

main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 350px;
  border-radius: 20px;
  margin: auto auto;
  background-color: #fff;
  -webkit-box-shadow: 15px 15px 25px -15px black;
          box-shadow: 15px 15px 25px -15px black;
}

main img {
  margin: 20px;
  border-radius: 10px;
}

main h1 {
  text-align: center;
  font-size: 1.5em;
}

main p {
  text-align: center;
  font-weight: 400;
  color: gray;
  margin: 0 50px 50px 50px;
}
/*# sourceMappingURL=styles.css.map */