/* TubeTaboo - donker en mysterieus */
body{background:#0b0710}
.top{background:#120b1a;border-bottom:1px solid #2a1838}
.top-inner{flex-wrap:wrap;row-gap:10px}
.logo{flex-basis:100%;text-align:center;font-size:30px;letter-spacing:3px}
.main-nav{order:1}
.search{order:2;margin-left:auto;max-width:460px}
.main-nav a{text-transform:uppercase;letter-spacing:1.5px;font-size:12px}
.search input{background:#1a1024;border-color:#2a1838}
.catbar{background:#0e0814}
.catbar a{font-size:12px;letter-spacing:.8px;text-transform:uppercase}
.catbar a.on,.catbar a:hover{color:var(--accent2)}
.thumb{border-radius:4px}
.card:hover .thumb{box-shadow:0 0 0 2px var(--accent),0 0 18px rgba(155,48,255,.35)}
.card:hover h3{color:var(--accent2)}
.dur{background:rgba(20,8,30,.85);color:var(--accent2)}
.list-head h1,.section-title{font-style:italic;letter-spacing:1px}
.sorts a.on,.sorts a.on:hover{background:var(--accent);color:#fff;box-shadow:none}
.pager span.on{background:var(--accent);color:#fff;box-shadow:none}
.foot{background:#0e0814;border-top:1px solid #2a1838}
@media (max-width:820px){.logo{font-size:22px}.search{flex-basis:100%;max-width:none;margin-left:0}}