@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap";:root{--bg-color: #161618;--bg-color-alt: #1b1b1f;--bg-color-elv: #202127;--border-color: #2e2e32;--bg-grey-soft: rgba(101, 117, 133, .16);--text-color-1: rgba(255, 255, 245, .86);--text-color-2: rgba(235, 235, 245, .6);--text-color-3: rgba(235, 235, 245, .38);--hlt-color: #add467}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background-color:var(--bg-color);color:var(--text-color-1);padding:1.25rem}#root{max-width:1024px;margin:auto;display:flex;flex-direction:column;gap:3rem}.header{text-align:right}.header p{color:var(--text-color-2)}.card-container{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.card{height:200px;border:1px solid var(--border-color);background-color:var(--bg-color-alt);border-radius:8px;padding:1rem;display:flex;gap:1rem}.card img{height:100%;border-radius:8px}.card .card-content{flex:1;display:flex;flex-direction:column;justify-content:space-between}.card .card-info h2{margin-bottom:4px}.card .card-info p{color:var(--text-color-2);font-size:14px}.card a{display:inline-block;color:var(--hlt-color);text-decoration:none;border:1px solid var(--border-color);padding:4px 8px;border-radius:4px;transition:all .2s ease-in-out;cursor:pointer;font-size:14px}.card a:hover{background-color:var(--hlt-color);color:var(--bg-color)}.footer{font-size:12px;color:var(--text-color-3);text-align:center;border-top:1px solid var(--border-color);padding:20px}@media (max-width: 980px){.header{text-align:center}.card-container{grid-template-columns:1fr}}@media (max-width: 525px){.card-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.card{flex:1;max-width:300px;height:auto;flex-direction:column;align-items:center;gap:1rem;text-align:center}.card img{width:200px;height:200px;border-radius:50%}.card .card-content{flex:1;max-width:300px;align-items:center}.card-link{margin-top:10px}}