body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}.App{align-items:center;background:#ecf2f8;display:flex;font-family:Barlow Semi Condensed,sans-serif;justify-content:center;min-height:100vh;padding:71px 1.5rem}main ul{grid-gap:1.5rem 1.875rem;display:grid;gap:1.5rem 1.875rem;grid-template-columns:repeat(4,minmax(150px,255px));list-style:none}main ul li{border-radius:8px;box-shadow:40px 60px 50px -47px rgba(72,85,106,.247);padding:26px 32px 32px}main ul li div{align-items:center;display:flex}main ul li div img{border-radius:50%;height:auto;margin-right:17px;width:28px}main ul li div h1{color:#fff;font-size:13px;font-weight:500;line-height:13px}main ul li div h1 span{color:#fff;font-size:11px;line-height:11px;mix-blend-mode:normal;opacity:.5}main ul li .highlight{color:#fff;font-size:20px;font-weight:600;line-height:24px;margin:18px 0 1rem}main ul li .paragraph{color:#cfcfcf;font-size:13px;font-weight:500;line-height:18px;mix-blend-mode:normal;opacity:.7}main ul .daniel{background-image:url(/static/media/bg-pattern-quotation.6b460e30439432820da6.svg);background-position:top right 80px;background-repeat:no-repeat}main ul .col-span-two{grid-column:span 2}main ul .row-span-two{grid-column-start:4;grid-row:1/span 2}main ul .bg-white div h1{color:#48556a}main ul .bg-white div h1 span{color:#48556a;mix-blend-mode:normal;opacity:.5}main ul .bg-white .highlight{color:#48556a}main ul .bg-white .paragraph{color:#48556a;mix-blend-mode:normal;opacity:.7}main ul .daniel.img-border div img{border:2px solid #a775f1}main ul .patrick.img-border div img{border:2px solid #733fc8}main ul .diff-spacing{padding:26px 32px}main ul .diff-spacing .highlight{margin:18px 0 24px}main ul .daniel{background-color:#733fc8}main ul .john{background-color:#48556a}main ul .jean,main ul .kira{background-color:#fff}main ul .patrick{background-color:#19202d}@media only screen and (max-width:1000px){main ul{display:flex;flex-direction:column;gap:0}main ul li{margin-bottom:1.5rem}main ul .daniel{background-position:top right 1.5rem}main ul .daniel .highlight{margin:18px 0 40px}main ul .daniel .paragraph{padding-right:1rem}main ul .mobile-spacing{padding:26px 32px 32px}main ul .mobile-spacing .highlight{margin:18px 0 16px}main ul .kira{margin-bottom:0}}
/*# sourceMappingURL=main.67f6f4e2.css.map*/