:root{--color1: #f3d097;--color2: #cda1a7;--color3: #af88a3;--color4: #cbab9b;--color5: #826b88;--color6: #a1a9cd;--color1-dim: #f3d09775;--color2-dim: #cda1a75b;--color3-dim: #af88a37b;--color4-dim: #cbab9b83;--color6-dim: #a1a9cd5b;--plyr-color-main: var(--color4);--gradient1: linear-gradient(90deg, var(--color1) 0%, var(--color2) 50%, var(--color6) 100%);--gradient11: linear-gradient(90deg, var(--color1) 0%, var(--color2) 50%, var(--color3) 100%);--gradient2: linear-gradient(90deg, var(--color4) 0%, var(--color3) 50%, var(--color2) 100%);--color1Text: black;--darkGray: #ffffff;--lightGray: #fafafa;--highlight: #3e3e3e;--frostedColor: #b3b3b31a;--frostedHighlight: #b3b3b3;--navbarHeight: 4rem}*{margin:0;padding:0}body{background-color:var(--darkGray);color:#000;font-family:Roboto,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;position:relative}@media screen and (min-width: 1600px){body{box-shadow:0 0 20px 0 var(--highlight)}}main{min-height:50vh}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:var(--color3)}::-webkit-scrollbar-thumb:hover{background:var(--color1)}button.pressable:hover{transform:translateY(-3px);box-shadow:0 10px 20px #0003}button.pressable:active{transform:translateY(-1px);box-shadow:0 5px 10px #0003}button.pressable{all:unset;cursor:pointer}.text-block{max-width:800px;margin:auto;padding:1em}a{color:var(--color1)}input{margin-top:.5em}.submitBtn{margin-top:1em}.submitBtn{background:#f0f0f0;border:none;padding:1em;cursor:pointer;border-radius:10px}.submitBtn:hover{background:#e0e0e0}input{border:1px solid #aa8f8f;padding:1em;border-radius:10px;width:20em}header.svelte-i7dbmp{background:#f0f0f0;border-bottom:3px solid var(--color3);height:5vh;display:flex;justify-content:center;align-items:center}.btn.svelte-i7dbmp{background:var(--color2);border:none;padding:1em;cursor:pointer;border-radius:10px;color:#fff;position:absolute;top:1px}.logout.svelte-i7dbmp{right:4px}.home.svelte-i7dbmp{left:4px;padding:.8em;text-decoration:none;background-color:#927b9d}.sort.svelte-i7dbmp{left:5rem}.search.svelte-i7dbmp{position:relative;margin-left:1em}.nav.svelte-i7dbmp{left:10rem;padding:.8em;text-decoration:none;background-color:#927b9d}input.svelte-i7dbmp{padding:5px}