*,:before,:after{box-sizing:border-box}html{tab-size:4;-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji}::-moz-focus-inner{border-style:none;padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}body{min-height:100vh;line-height:1.5}h1,p{margin:0}a{text-decoration:none}img,picture{max-width:100%;height:auto;display:block}:root{--text-white:#fff;--text-primary:#939dae;--text-dark:#1c202b;--text-grey:#5e6778;--text-blue:#0a317b;--bg-card:#fff;--bg-body:#f7fafd;--bg-unread:#f7fafd;--bg-dm:#e5effa;--border-color:#dde7ee;--red:#f65351;--blue:#0a317b;--ff-primary:"Plus Jakarta Sans",sans-serif;--fw-normal:500;--fw-bold:800}.card{width:90%;max-width:700px;background-color:var(--bg-card);color:var(--text-primary);border-radius:5px;margin:0 auto}.card__heading{justify-content:space-between;align-items:center;margin-bottom:1.875rem;display:flex}.card__title{color:var(--text-dark);font-size:1.25rem}.card__cta{cursor:pointer;font-size:.875rem}.card__cta:hover{color:var(--blue)}.card__notif-number{color:var(--text-white);background-color:var(--blue);border-radius:5px;margin-left:.277778em;padding:0 .555556em;font-size:1.125rem;display:inline-block}.card__notif{align-items:start;margin-bottom:.9375rem;padding:20px 15px;font-size:.875rem;display:flex}.card__notif-person{color:var(--text-dark);font-weight:var(--fw-bold);cursor:pointer;margin-right:.214286em}.card__notif-person:hover{color:var(--blue)}.card__notif-img{width:40px;height:40px;cursor:pointer;border-radius:10px;margin-left:auto}.card__notif-dm{border:1px solid var(--border-color);cursor:pointer;border-radius:5px;margin-top:15px;padding:1.07143em 1.42857em}.card__notif-dm:hover{background-color:var(--bg-dm)}.card__notif--unread{background-color:var(--bg-unread);border-radius:10px}.card__notif:last-of-type{margin-bottom:0}.card__notif-message--unread:after{content:" ";width:8px;height:8px;background-color:var(--red);border-radius:50%;margin-left:5px;display:inline-block}.card__avatar{width:40px;height:40px;margin-right:10px}.card__link{font-weight:var(--fw-bold);margin-left:.142857em}.card__link:active,.card__link:visited,.card__link:focus{color:var(--text-grey)}.card__link--blue:active,.card__link--blue:visited,.card__link--blue:focus{color:var(--text-blue)}.card__link:hover{color:var(--blue)}.fa-github{cursor:pointer;color:var(--text-dark);font-size:1.875rem}.fa-brands{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-variant:normal;text-rendering:auto;font-style:normal;line-height:1}:root{--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:block;src:url(fa-brands-400.a10a0ab7.woff2)format("woff2"),url(fa-brands-400.7446506e.ttf)format("truetype")}.fa-brands{font-family:"Font Awesome 6 Brands";font-weight:400}.fa-github:before{content:""}body{font-family:var(--ff-primary);font-weight:var(--fw-normal);flex-direction:column;justify-content:center;align-items:center;padding:2.5rem 0;display:flex}main{width:100%;margin-bottom:3.75rem}@media (min-width:768px){body{background-color:var(--bg-body)}.card{background-color:var(--bg-card);border-radius:10px;padding:35px 40px}}
/*# sourceMappingURL=index.b7cdc751.css.map */