:root {
    --green: linear-gradient(50deg, rgb(49, 67, 36), rgb(121, 226, 23) 95%);
    --red: linear-gradient(50deg, rgb(30 18 18), rgb(215, 27, 52) 95%);
}

.contracts-wrapper {
    min-height: 100vh;
    padding: 15rem 0; 
    display: grid;
    place-items: center;
}

#nbody::before {
    height: 200%;
}



.status i {
    font-size: 4rem;

}

 i.good {
    background: var(--green);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
}

 i.bad {
    background: var(--red);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
}




/* Contract */

.contract {
    background: var(--back);
    border-radius: 1rem;
    padding: 2rem;

    display: grid;
    grid-template-columns: 1fr 3fr 3fr 3fr;
    gap: 2rem;
    max-width: 60rem;

    border: solid 1px var(--shadow)

}

@media screen and (max-width: 1000px){
    .contract {
        grid-template-columns: 1fr 3fr;
        grid-template-rows: auto auto;
    }
}


.contract img {
    --size: 5rem;
    height: var(--size);
    width: auto;
}

.contract h3 {
    font-size: calc(0.7 * var(--h3));
}

.activity {
    margin-bottom: .5rem;
}

.activity i {
    font-size: 1.5rem;
}

.activity p {
    transform: translateY(.05rem);
}