div {

    color:#22C55E

}

h1 {

    color: #E0E0E0

}

#P2 {

    color:#888888

}

span {

    color: #22C55E;

}

body { background-color:#1A1A1A; }

.cards-grid {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 16px;

    padding: 32px 28px;

}



.card {

    background: #111111;

    border: 1px solid #222222;

    border-radius: 10px;

    padding: 20px;

}



.card h3 {

    color: #ffffff;

    font-size: 15px;

    margin: 10px 0 8px;

}



.card p {

    color: #555555;

    font-size: 13px;

    line-height: 1.6;

    margin: 0 0 14px;

}



.card-tag {

    font-size: 11px;

    color: #00e676;

    border: 1px solid #00e67640;

    padding: 3px 10px;

    border-radius: 20px;

    background:

    #464444

}



.card-score {

    font-size: 18px;

    font-weight: bold;

    color: #00e676;

}

#social-linkss {

    color: #00e67610



}

h2 , h4 {

    color:#ffffff

}

p {

    color: #ffffff;

}

footer {

    border-top: 1px solid #222222;

    padding: 24px 28px;

    color:white;

    font-size: 12px;

}

.card {
    text-align: center;
}