:root {
    --primary: #5414c0;
    --primary-content: #e5d8fb;
    --primary-dark: #400f92;
    --primary-light: #6a1fe8;

    --secondary: #c0142a;
    --secondary-content: #fbd8dc;
    --secondary-dark: #920f20;
    --secondary-light: #e81f39;

    --background: #19181b;
    --foreground: #262329;
    --border: #3f3b45;

    --copy: #fbfbfb;
    --copy-light: #d8d6dc;
    --copy-lighter: #a49fac;

    --success: #14c014;
    --warning: #c0c014;
    --error: #c01414;
    --success-content: #d8fbd8;
    --warning-content: #000000;
    --error-content: #fbd8d8;
}

body {
    font-family: "Raleway", sans-serif;

    background-color: var(--background);
    color: var(--copy);

    margin: 0;
    padding: 0;
}

p, h1,h2,h3,h4,h5,h6 {
    margin-top: 0;
    margin-bottom: 0;
}

.page {

    padding: 20px;

    .list {

        .station {
            display: flex;
            align-items: center;

            margin-bottom: 5px;
            padding-bottom: 5px;

            border-bottom: solid 1px var(--secondary);

            &:last-child {
                margin-bottom: 0;
                border-bottom: none;
            }

            img {
                height: 75px;
                border-radius: 4px;
                margin-right: 10px;
            }

            .name {
                font-size: 17px;
                font-weight: bold;
                color: var(--secondary);
            }
            .cur {
                margin-bottom: 5px;
            }
        }
    }
}