
.panel-container {
    >.container {
        >.instructions {
            >h2 {
                margin: 0;
            }
            >p {
                margin: 0;
            }
        }
        >.reports {
            margin: 3em 0;
            display: flex;
            justify-content: flex-start;
            flex-wrap: wrap;
            >.report {
                background-color: var(--background-color);
                text-decoration: none;
                margin: 10px;
                width: 17em;
                display: flex;
                flex-direction: column;
                align-items: center;
                padding: 1em;
                border-radius: 4px;
                box-shadow: var(--shadow);
                cursor: pointer;
                >.icon {
                    width: 100%;
                    display: flex;
                    justify-content: center;
                    background-color: var(--primary-color);
                    padding: 10px 0;
                    margin-bottom: 10px;
                    border-radius: 4px;
                    >iconify-icon {
                        color: var(--background-color);
                    }
                }
                >.description {
                    >h3 {
                        margin: 0;
                        font-size: 1em;
                        font-weight: 500;
                    }
                    >p {
                        margin: 0;
                        font-size: .7em;
                    }
                }
            }
        }
    }
}