ion-content {
    --background: linear-gradient(to bottom, #f8f8f8 50%, #abffb9 100%);

    ion-card {
        border-radius: 20px;

        ion-card-title {
            margin: 10px;

            @font-face {
                font-family: 'title';
                src: url(/assets/fonts/qingchunti.TTF);
            }

            font-family: 'title';
            font-weight: bolder;
        }

        #content-container {
            height: 20vh;
            overflow-y: auto;

            .item {
                display: flex;
                align-items: center;
                height: 70px;

                img {
                    height: 50px;
                    width: 50px;
                    margin-right: 10px;
                }

                .text-container {
                    display: flex;
                    flex-direction: column;
                }

                p {
                    margin: 2px;
                }

                .name {
                    font-weight: bold;
                    color: #000;
                }
            }
        }
    }
}