/* Copyright 2023 Simon Boyé */

html {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

body {
    margin: 0;
}

header {
    color: #f0f0f0;
    background-color: rgb(126, 34, 187);
    /* border: 1px solid black; */
    padding: 1em;
}

header h1 {
    margin: 0;
}

main {
    margin: 1em;
}

.placeholder {
    color: #808080;
}

.streams {
    list-style-type: none;
}

.stream_status {
    display: inline-block;
    min-width: 1ex;
    min-height: 1ex;
    margin-left: calc(-1ex - 0.5em);
    margin-right: 0.5em;
    border: 1px solid #808080;
    border-radius: 0.5ex;
    background-color: #c0c0c0;
}

.stream_status.online {
    border-color: #36a036;
    background-color: #58dc58;
}

.stream_name {
    color: rgb(126, 34, 187);
    font-size: 120%;
    font-weight: bold;
}

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

a:hover {
    color: rgb(156, 29, 241);
}