body {
    background-color: #f2f2f2;
}
.intro-header .page-heading h1 {
    font-size: 3.5rem;
}

.method-group {
    display: grid;
    gap: 32px;
    grid-template-columns: auto auto;
    margin: 32px 0;
    ;
}
 .method-card {
    /* border: 1px solid #ccc; */
    background: #f2f2f2;
    /* padding: 8px; */
    border-radius: 4px;
    /* box-shadow: 0 0 20px 8px #d0d0d0; */
    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    padding: 16px;
    transition: all 0.2s;
    max-width: 545px;
} 

.method-card:nth-of-type(odd) {
    background: radial-gradient(#1fe4f5, #3fbafe);
}

.method-card:nth-of-type(even) {
    background: radial-gradient(#fbc1cc, #fa99b2);
}

.method-card:hover{
    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.4);
    transform: scale(1.01);
}


.method-card h2 {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.9);
}
.method-card p {
    margin: 0.5rem 0;
    color: rgba(255, 255, 255, 0.9);
    
}

/* ######## */
/* Outcomes */
/* ######## */

.outcome-group {
    display: grid;
    gap: 32px;
    grid-template-columns: auto auto;
    margin: 32px 0;
    ;
}
.outcome-card {
    border-radius: 10px;
    box-shadow: 0px 30px 40px -20px hsl(229, 6%, 66%);
    padding: 30px;
    border-top: 3px solid hsl(180, 62%, 55%);

}

.outcome-card .outcome-tags {
    display: flex;
    gap: 8px;
    margin: 16px 0;
}
.outcome-card .outcome-tag {
    font-size: 12px;
    padding: 8px;
    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.25);
}