@import url('https://fonts.googleapis.com/icon?family=Material+Icons');


.my_h1 {
    position: relative;
    padding-bottom: 8px;
    border-bottom: 3px solid #007bbb;
    padding-right: 1rem;
    padding-top: 1rem;
    display: inline-block;
}


.my_h1::before {
    content: "\e570";
    /* This is the Unicode for the music note icon */
    font-family: 'Material Icons';
    margin-right: 8px;
    vertical-align: middle;
    font-size: 1.2em;
    color: #007bbb;
    /* Same color as the border for consistency */
}

.my_hero_spn {
    display: inline-block;

}


.my_content {
    background-color: #cbcbcb;
    color: black;
}

.my_x_scr {
    width: 100%;
    height: calc(100% + 12px);
    overflow-x: scroll;
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* IE and Edge */
    overflow-y: hidden;
}

.my_x_scr .card {
    margin: 12px;
    width: 250px;
    padding: 0px;
}

.my_footer {
    background-color: #dfdfdf;
    color: black;

}