:root{--background:#ffffff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body{color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif;display:flex;align-items:center;flex-direction:column}nav{text-align:center;a{margin:1em;font-size:large;text-decoration:unset;color:#727272}a:hover{color:#a7a7a7}}.main{display:flex;flex-direction:column}.main,.main h1,.songList{align-items:center}.songList{display:flex;flex-direction:column;padding-left:0}.songList a{color:rgb(255,186,238);align-items:center;text-decoration:none}.songList a:hover{text-decoration:underline}.songList li{list-style-type:none;padding-left:0;margin:.3em .3em .3em 0;font-size:large;font-weight:700}.songFilter input{text-align:center;font-size:medium;font-weight:550;background-color:#2b2b2b;color:#f6c3fd;padding:.3em;border-radius:.4em;border-style:none}.songPage{h2{font-size:1em;font-style:italic}}.lyrics{white-space:pre-wrap;font-size:large}button{padding:.5em;background-color:#dfbbd6;font-weight:700;border-radius:.5em;border-color:rgb(255,255,255);border-width:.3em}button:hover{background-color:#ffffff}.admin{width:100%;display:flex;align-items:center;flex-direction:column}.reorder{width:100%;ul{padding-right:3em;padding-left:3em}li{list-style-type:none;padding-left:0;margin-left:0}.reorderEntry{display:flex;justify-content:space-between;font-weight:700;background-color:black;border-radius:.5em;border:2px solid rgb(145,93,125);margin-top:.5em;margin-bottom:.5em;a,p{margin:.5em;padding:.5em;float:left;color:var(--foreground);text-decoration:unset}a:hover{color:rgb(255,176,251)}h1{align-self:center;font-size:medium;margin-right:1em}}.reorderEntry:hover{border-color:rgb(224,126,187)}.reorderFooter{float:right}.reorderHeader{margin-left:3em}button{margin-right:5em}}.login{p{text-align:center;font-size:larger}input{background-color:#2b2b2b;color:#f6c3fd;border-radius:.4em;border-style:none;padding:.5em;margin-right:1em;font-size:medium}}.songForm{width:90%;font-size:medium;textarea{width:100%;font-family:unset;resize:vertical}label{display:inline-block;margin-top:1.5em;margin-bottom:.5em;font-size:large;font-weight:700}}.spinner{margin-top:3em;border:5px solid #757575;border-top-color:#ff8fff;border-radius:50%;width:40px;height:40px;animation:spin .5s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}