html {
  font-family: "Open Sans";
}

.container {
  max-width: 1600px;
  margin: 0 auto;
}

@scope (.hero) {
  background-image: url(/images/background.png);
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 10rem;
  border-radius: 2.25rem;
  padding-left: 7.25rem;
  padding-block: 10rem;

  h1 {
    font-family: Oranienbaum;
    color: rgba(59, 59, 59, 1);
    font-weight: 400;
    font-size: 4.25rem;
    line-height: 5.25rem;
  }

  a {
    font-family: Oranienbaum;
    font-size: 1.5rem;
    color: rgba(255, 255, 255, 1);
    background-color: rgba(215, 145, 105, 1);
    border: none;
    padding-inline: 1em;
    padding-block: 0.66666em;
    border-radius: 0.5em;
    text-decoration: none;
  }
}

@scope (.what-is-stoicism) {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
  padding-inline: 7.25rem;

  article:not(.card) {
    padding-right: 4rem;
  }

  .card {
    background-color: rgba(247, 247, 247, 1);
    padding: 1rem;
    border-radius: 1.25rem;
  }

  .card h3 {
    font-family: Oranienbaum;
    color: rgba(58, 58, 58, 1);
    font-size: 2rem;
    margin: 0;
    font-weight: 400;
  }

  h2 {
    font-family: Oranienbaum;
    font-weight: 400;
    font-size: 3.75rem;
    color: rgba(59, 59, 59, 1);
  }

  h2 span {
    color: rgba(191, 109, 69, 1);
  }

  .card header {
    padding: 2rem;
  }

  p {
    color: rgba(59, 59, 59, 1);
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .card p {
    color: rgba(120, 120, 120, 1);
    font-size: 1rem;
  }

  .card img {
    width: 100%;
    aspect-ratio: 1.4;
    object-fit: cover;
    object-position: center center;
    border-radius: 1rem;
    filter: grayscale(100%);
  }
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRSx3QkFBd0I7QUFDMUI7O0FBRUE7RUFDRSxpQkFBaUI7RUFDakIsY0FBYztBQUNoQjs7QUFFQTtFQUNFLDZDQUE2QztFQUM3QyxzQkFBc0I7RUFDdEIsNEJBQTRCO0VBQzVCLG9CQUFvQjtFQUNwQixzQkFBc0I7RUFDdEIscUJBQXFCO0VBQ3JCLG9CQUFvQjs7RUFFcEI7SUFDRSx3QkFBd0I7SUFDeEIsMEJBQTBCO0lBQzFCLGdCQUFnQjtJQUNoQixrQkFBa0I7SUFDbEIsb0JBQW9CO0VBQ3RCOztFQUVBO0lBQ0Usd0JBQXdCO0lBQ3hCLGlCQUFpQjtJQUNqQiw2QkFBNkI7SUFDN0Isd0NBQXdDO0lBQ3hDLFlBQVk7SUFDWixtQkFBbUI7SUFDbkIsd0JBQXdCO0lBQ3hCLG9CQUFvQjtJQUNwQixxQkFBcUI7RUFDdkI7QUFDRjs7QUFFQTtFQUNFLGFBQWE7RUFDYixxQ0FBcUM7RUFDckMsU0FBUztFQUNULHVCQUF1Qjs7RUFFdkI7SUFDRSxtQkFBbUI7RUFDckI7O0VBRUE7SUFDRSx3Q0FBd0M7SUFDeEMsYUFBYTtJQUNiLHNCQUFzQjtFQUN4Qjs7RUFFQTtJQUNFLHdCQUF3QjtJQUN4QiwwQkFBMEI7SUFDMUIsZUFBZTtJQUNmLFNBQVM7SUFDVCxnQkFBZ0I7RUFDbEI7O0VBRUE7SUFDRSx3QkFBd0I7SUFDeEIsZ0JBQWdCO0lBQ2hCLGtCQUFrQjtJQUNsQiwwQkFBMEI7RUFDNUI7O0VBRUE7SUFDRSw0QkFBNEI7RUFDOUI7O0VBRUE7SUFDRSxhQUFhO0VBQ2Y7O0VBRUE7SUFDRSwwQkFBMEI7SUFDMUIsbUJBQW1CO0lBQ25CLG9CQUFvQjtFQUN0Qjs7RUFFQTtJQUNFLDZCQUE2QjtJQUM3QixlQUFlO0VBQ2pCOztFQUVBO0lBQ0UsV0FBVztJQUNYLGlCQUFpQjtJQUNqQixpQkFBaUI7SUFDakIsOEJBQThCO0lBQzlCLG1CQUFtQjtJQUNuQix1QkFBdUI7RUFDekI7QUFDRiIsImZpbGUiOiJzdHlsZXMuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiaHRtbCB7XG4gIGZvbnQtZmFtaWx5OiBcIk9wZW4gU2Fuc1wiO1xufVxuXG4uY29udGFpbmVyIHtcbiAgbWF4LXdpZHRoOiAxNjAwcHg7XG4gIG1hcmdpbjogMCBhdXRvO1xufVxuXG5Ac2NvcGUgKC5oZXJvKSB7XG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybCgvaW1hZ2VzL2JhY2tncm91bmQucG5nKTtcbiAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcbiAgYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDtcbiAgbWFyZ2luLWJvdHRvbTogMTByZW07XG4gIGJvcmRlci1yYWRpdXM6IDIuMjVyZW07XG4gIHBhZGRpbmctbGVmdDogNy4yNXJlbTtcbiAgcGFkZGluZy1ibG9jazogMTByZW07XG5cbiAgaDEge1xuICAgIGZvbnQtZmFtaWx5OiBPcmFuaWVuYmF1bTtcbiAgICBjb2xvcjogcmdiYSg1OSwgNTksIDU5LCAxKTtcbiAgICBmb250LXdlaWdodDogNDAwO1xuICAgIGZvbnQtc2l6ZTogNC4yNXJlbTtcbiAgICBsaW5lLWhlaWdodDogNS4yNXJlbTtcbiAgfVxuXG4gIGEge1xuICAgIGZvbnQtZmFtaWx5OiBPcmFuaWVuYmF1bTtcbiAgICBmb250LXNpemU6IDEuNXJlbTtcbiAgICBjb2xvcjogcmdiYSgyNTUsIDI1NSwgMjU1LCAxKTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDIxNSwgMTQ1LCAxMDUsIDEpO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBwYWRkaW5nLWlubGluZTogMWVtO1xuICAgIHBhZGRpbmctYmxvY2s6IDAuNjY2NjZlbTtcbiAgICBib3JkZXItcmFkaXVzOiAwLjVlbTtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gIH1cbn1cblxuQHNjb3BlICgud2hhdC1pcy1zdG9pY2lzbSkge1xuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCg0LCAxZnIpO1xuICBnYXA6IDJyZW07XG4gIHBhZGRpbmctaW5saW5lOiA3LjI1cmVtO1xuXG4gIGFydGljbGU6bm90KC5jYXJkKSB7XG4gICAgcGFkZGluZy1yaWdodDogNHJlbTtcbiAgfVxuXG4gIC5jYXJkIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDI0NywgMjQ3LCAyNDcsIDEpO1xuICAgIHBhZGRpbmc6IDFyZW07XG4gICAgYm9yZGVyLXJhZGl1czogMS4yNXJlbTtcbiAgfVxuXG4gIC5jYXJkIGgzIHtcbiAgICBmb250LWZhbWlseTogT3JhbmllbmJhdW07XG4gICAgY29sb3I6IHJnYmEoNTgsIDU4LCA1OCwgMSk7XG4gICAgZm9udC1zaXplOiAycmVtO1xuICAgIG1hcmdpbjogMDtcbiAgICBmb250LXdlaWdodDogNDAwO1xuICB9XG5cbiAgaDIge1xuICAgIGZvbnQtZmFtaWx5OiBPcmFuaWVuYmF1bTtcbiAgICBmb250LXdlaWdodDogNDAwO1xuICAgIGZvbnQtc2l6ZTogMy43NXJlbTtcbiAgICBjb2xvcjogcmdiYSg1OSwgNTksIDU5LCAxKTtcbiAgfVxuXG4gIGgyIHNwYW4ge1xuICAgIGNvbG9yOiByZ2JhKDE5MSwgMTA5LCA2OSwgMSk7XG4gIH1cblxuICAuY2FyZCBoZWFkZXIge1xuICAgIHBhZGRpbmc6IDJyZW07XG4gIH1cblxuICBwIHtcbiAgICBjb2xvcjogcmdiYSg1OSwgNTksIDU5LCAxKTtcbiAgICBmb250LXNpemU6IDEuMTI1cmVtO1xuICAgIGxpbmUtaGVpZ2h0OiAxLjc1cmVtO1xuICB9XG5cbiAgLmNhcmQgcCB7XG4gICAgY29sb3I6IHJnYmEoMTIwLCAxMjAsIDEyMCwgMSk7XG4gICAgZm9udC1zaXplOiAxcmVtO1xuICB9XG5cbiAgLmNhcmQgaW1nIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBhc3BlY3QtcmF0aW86IDEuNDtcbiAgICBvYmplY3QtZml0OiBjb3ZlcjtcbiAgICBvYmplY3QtcG9zaXRpb246IGNlbnRlciBjZW50ZXI7XG4gICAgYm9yZGVyLXJhZGl1czogMXJlbTtcbiAgICBmaWx0ZXI6IGdyYXlzY2FsZSgxMDAlKTtcbiAgfVxufVxuIl19 */