html, body {
background-color: black;
}
.yuu-toast {
background-color: hsla(276, 33%, 10%, 1.0);
border: solid hsla(276, 33%, 48%, 1.0) 2px;
color: hsla(276, 33%, 95%, 1.0);
}
.yuu-overlay {
background-color: hsla(276, 33%, 10%, 0.9);
border: solid hsla(276, 33%, 48%, 1.0) 2px;
color: hsla(276, 33%, 95%, 1.0);
}
.yuu-overlay *:focus {
-moz-box-shadow: 0 0 5px hsla(276, 66%, 80%, 1.0);
-webkit-box-shadow: 0 0 5px hsla(276, 66%, 80%, 1.0);
box-shadow: 0 0 5px hsla(276, 66%, 80%, 1.0);
outline: none;
}
input[type=range][data-yuu-command] {
background-color: hsla(276, 33%, 25%, 1.0);
border: solid hsla(276, 33%, 48%, 0.33) 1px;
}
input[type=range][data-yuu-command]::-webkit-slider-thumb {
background-color: hsla(276, 33%, 65%, 1.0);
}
input[type=range][data-yuu-command]::-moz-range-track {
background-color: hsla(276, 33%, 25%, 1.0);
}
input[type=range][data-yuu-command]::-moz-range-thumb {
background: hsla(276, 33%, 65%, 1.0);
}
input[type=checkbox][data-yuu-command]:focus + label[for] {
-moz-box-shadow: 0 0 5px hsla(276, 66%, 80%, 1.0);
-webkit-box-shadow: 0 0 5px hsla(276, 66%, 80%, 1.0);
box-shadow: 0 0 5px hsla(276, 66%, 80%, 1.0);
outline: 0;
}
input[data-yuu-command] + label[for]:before {
color: hsla(276, 33%, 65%, 1.0);
}
a[href], [data-yuu-command] {
color: hsla(276, 33%, 65%, 1.0);
}
hr {
border: solid hsla(276, 33%, 48%, 0.75) 1px;
}
.link-footer {
list-style-type: none;
text-align: center;
margin-left: 0;
padding-left: 0;
}