html {
background: rgba(18,6,6,1);
}
body {
    font-family: sans-serif;
    font-size:3em;
    line-height:1.5em;
    padding:2em;
    margin:0em;
    color:#f5baf0;
    background: linear-gradient(0deg, rgba(18,6,6,1) 0%, rgba(55,12,51,1) 100%);
    background-repeat: no-repeat;
}
a {
    color:#F5DBF0;
    text-decoration:underline;
    transition: 0.65s;
}
a:hover, .playButtonDiv:hover {
    opacity:0.5;
    transition: 0.01s;
    cursor: pointer;
}
audio {
     margin:1em 0 ;
     width:100%;
}
h1,h2,h3,h4,h5,h6 {
    color:#fff !important;
    font-weight:normal;
}
h1 {
    font-weight:bold;
/*    font-style: italic;*/
}
h2 {
    margin-bottom:0.5em;
}
h3 {
    margin:0;
    margin-top:1em;
    margin-bottom:0em;
    padding:0;
    font-size:1em;
    font-weight:normal;
    color:#fff;
}
p {
    max-width:800px;
}

ol.albums, ul.videos {
    list-style-type:none;
    margin:0;
    padding:0;
    display: flex;
    align-content: flex-start;
    flex-flow: wrap;
}
ol.albums li {
    list-style-type: none;
    margin:0;
    padding:0;
    font-weight:bold;
}
ul.tracks {
    clear:both;
    list-style-type: none;
    margin:0;
    padding:0;
    padding-top:1em;
    border-bottom:3px solid #4a1446;
}
ul.tracks li {
    padding:1em 0;
    line-height:1em;
    margin:0;
    border-top:3px solid #4a1446;
}
ul.videos li {
    margin:1em;
    color:#fff;
}

ul.videos .vid {
    display:none;
}
ul.videos .thumb {
    padding-bottom:0.25em;
}
ul.videos .vid iframe {
    height:360px;
    width: 512px;
    max-height: 720px;
    max-width: 1024px;
}

.more {
    font-weight:normal;
    color:#fff;
}
.ext {
    display:inline-block;
    width:1.25em;
    height:1.25em;
    color:#fff;
}
.closeDiv {
    line-height: 0;
    height:0;
    position:relative;
    top:-1em;
    text-align:right;
}

.cover, .cover a, .album a, .videos a, .videos span {
    font-weight:bold;
    line-height:1em;
    color:#fff;
}
.cover {
    font-size:1em;
    margin:1em 2em 1em 0;
}
.cover img {
    width:256px;
    height:256px;
    padding-bottom:0.5em;
}

.home {
    top:0;
    left:0;
    padding:0.5em;
}

.track {
    display:block;
    padding:0.5em 0;
    display:flex-container;
}
.track a {
    display:inline-block;
}
.track .playButton {
    width:3em;
}
.track .title {
    margin-bottom:0.25em;
}
.track .mdate {
    font-size:0.75em;
    opacity:0.5;
}
.trackname {
    font-size:0.85em;
    line-height:1.3em;
}

.stream-status {
    color:#fff;
    margin:1em;
}
#twitch-embed {
    margin:1em;
}
#recent-streams {
    text-decoration:underline;
}

#notifications div.nr {
    margin:0.33em 0;
    display: inline-block;
}
#notifications input {
    font-size:0.75em;
}
#notifications input[type='submit'] {

}
#notifications a {
    padding:0.5em;
    height:1.5em;
    display: inline-block;
    border-radius:1.5em;
    text-decoration: none;;
}
#notifications a span {
    padding: 0 0.5em;
}
#notifications a img {
    vertical-align: middle;
}
#notifications .email-notification {
    padding-right: 1em;
    padding-left: 0.75em;
}

.pill {
    background:#f0f;
    display: inline-block !important;
    padding:0.5em;
    height:1.5em;   
    border-radius:1.5em;
    text-decoration: none;
    background:#BB297F;    
}

#donate-button {
    float:right;
}

/* Large screens */
@media only screen and (min-width: 1024px) {
    body {
        font-size:1.2em;
    }
}