div#list {
    display: flex;
    flex-direction: column;
    gap: 6px;
    > div {
        &.up {
            background-color: #dcfce7;
        }

        &.down {
            background-color: #fee2e2;
        }

        padding: .6rem;
        border: 2px solid var(--secondary);
        border-radius: 8px;

        .header {
            display: flex;
            gap: 2rem;
            header {
                font-weight: bold;
            }
        }
    }
}

div.site {
    label {
        font-weight: bold;
    }
}