index.css

:root {
    --card-background: #fff
}

body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
    color: #121212;
}

.container {
    height: 100% !important;
}

.content {
    display: flex !important;
    flex-flow: row wrap;
}

span.mdi {
    font-size: 20px;
}

.searcher {
    margin-right: auto;
    margin-left: auto;
    display: block;
    width: 200px;
}

.mdc-text-field {
    height: 40px !important;
}

.mdc-card {
    margin: 15px;
    width: 300px;
    height: 200px;
    padding: 10px;
    flex: 1 300px;
}

.mdc-card__media {
    height: 70px;
}

.stationName {
    font-size: 20px;
}

.controls-play {
    margin-top: auto;
}

a {
    color: white;
    text-decoration: none;
}

li {
    list-style: none;
}

.mdc-drawer {
    z-index: 10000;
}

.mdc-switch {
    margin-left: auto !important;
}