@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:500;font-display:swap;src:local(""),url(/fonts/barlow-semi-condensed-v14-latin-500.woff2) format("woff2"),url(/fonts/barlow-semi-condensed-v14-latin-500.woff) format("woff")}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:600;font-display:swap;src:local(""),url(/fonts/barlow-semi-condensed-v14-latin-600.woff2) format("woff2"),url(/fonts/barlow-semi-condensed-v14-latin-600.woff) format("woff")}*,*:before,*:after{box-sizing:border-box}*{margin:0}body{min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}li,ol,ul{list-style:none}a{-webkit-text-decoration:none;text-decoration:none}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{word-wrap:break-word}:root{--text-color-primary: hsl(0, 0%, 100%);--text-color-secondary: hsl(0, 0%, 81%);--text-color-dark: hsl(217, 19%, 35%);--bg-body: hsl(210, 46%, 95%);--bg-violet: hsl(263, 55%, 52%);--bg-gray: hsl(217, 19%, 35%);--bg-black: hsl(219, 29%, 14%);--bg-white: hsl(0, 0%, 100%);--ff-primary: "Barlow Semi Condensed", sans-serif;--fw-normal: 500;--fw-bold: 600}.card{width:325px;font-size:.8125rem;margin:0 auto 1.5625rem;padding:1.5625rem 1.875rem 2.1875rem;border-radius:10px;font-family:Barlow Semi Condensed,sans-serif;font-family:var(--ff-primary);font-weight:500;font-weight:var(--fw-normal);box-shadow:0 10px 15px -3px #0000001a}.card:last-of-type{margin-bottom:0}.card--violet{background-color:#7541c8;background-color:var(--bg-violet);position:relative;z-index:2}.card--gray{background-color:#48556a;background-color:var(--bg-gray)}.card--white{background-color:#fff;background-color:var(--bg-white)}.card--black{background-color:#19212e;background-color:var(--bg-black)}.card__header{display:flex;gap:.9375rem;margin-bottom:.9375rem;font-stretch:semi-condensed}.card__img{width:35px;height:35px;border-radius:50%}.card__img--white{border:2px solid rgba(255,255,255,.3)}.card__img--violet{border:2px solid rgb(117,65,200)}.card__name{color:#cfcfcf;color:var(--text-color-secondary);font-weight:600;font-weight:var(--fw-bold)}.card__name--dark{color:#48556a;color:var(--text-color-dark)}.card__status{color:#ffffff80;margin-top:-3px}.card__status--dark{color:#48556a80}.card__quote{position:absolute;top:0;right:26px;z-index:1}.card__heading{color:#fff;color:var(--text-color-primary);font-size:1.25rem;font-stretch:semi-condensed;font-weight:600;font-weight:var(--fw-bold);margin-bottom:.9375rem;line-height:1.3;z-index:3;position:relative}.card__heading--dark{color:#48556a;color:var(--text-color-dark)}.card__heading span:before{content:"\a";white-space:pre}.card__text{color:#ffffffb3}.card__text--dark{color:#48556abf}.fa-github{color:#19212e;color:var(--bg-black);cursor:pointer;font-size:1.875rem}body{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#ecf2f8;background-color:var(--bg-body);padding:5rem 0}footer{margin-top:3.75rem;text-align:center}@media (max-width: 20rem){.card{width:300px}.card__quote{right:15px}}@media (min-width: 75rem){main{width:1100px;height:100%;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,auto);grid-gap:1.875rem;gap:1.875rem}.card{width:auto;width:initial;margin-bottom:0}.card--violet{grid-column:1/3}.card--black{grid-column:2/4}.card--item-4{grid-row-start:2;grid-column:1/2}.card--item-3{grid-column-start:4;grid-row:1/3}.card__quote{right:80px}.card__heading span:before{content:""}}.fa-brands{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;display:var(--fa-display,inline-block);font-style:normal;font-feature-settings:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-brands{font-family:"Font Awesome 6 Brands"}/*!
* Font Awesome Free 6.2.1 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
* Copyright 2022 Fonticons, Inc.
*/@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:block;src:url(/assets/fa-brands-400-c61287c2.woff2) format("woff2"),url(/assets/fa-brands-400-b1d1c1b0.ttf) format("truetype")}.fa-brands{font-weight:400}.fa-github:before{content:"\f09b"}