@font-face{font-family:osd_mono;src:url(/osd_mono.ttf)}*{padding:0;margin:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{background:url(/media/Clock.png)}body{font-family:osd_mono,sans-serif;background-color:var(--color-bg);background:linear-gradient(#111111f0),url(/media/Clock.png);background-size:cover;background-attachment:fixed;background-position:center;background-repeat:no-repeat;color:var(--color-text-title);overflow-x:hidden}:root{--color-text-title: hsl(0, 0%, 90%);--color-text-paragraph: hsl(0, 0%, 70%);--color-text-small: hsl(0, 0%, 50%);--color-bg: hsl(0, 0%, 10%);--color-bg-card: hsl(0, 0%, 12%);--color-accept: hsl(122, 39%, 50%);--color-accent: hsl(14, 100%, 50%);--color-accent-dark: hsl(14, 100%, 40%);--color-filled-card: rgba(46, 204, 113, .05);--color-needed-card: rgba(243, 156, 18, .05);--color-general-card: rgba(0, 176, 240, .05);--color-filled-card-hover: rgba(46, 204, 113, .1);--color-needed-card-hover: rgba(243, 156, 18, .1);--color-general-card-hover: rgba(0, 176, 240, .1)}body.readable-font{font-family:Helvetica,sans-serif}section{padding-top:1rem;border-top:1px solid var(--color-text-small);overflow:hidden;margin:1rem 0}h1{font-size:2rem;padding:.5rem 0;color:var(--color-text-title)}h2{font-size:1.75rem;padding:.5rem 0;color:var(--color-text-title)}h4{font-weight:400;color:var(--color-accent)}p{font-size:1.125rem;padding:.5rem 0;color:var(--color-text-paragraph)}input[type=checkbox]{accent-color:none;width:1rem;height:1rem;padding:1px;border-radius:.25rem;margin-right:10px;border:2px solid #444;background-color:#111;transition:background-color .3s ease;appearance:none;cursor:pointer}input[type=checkbox]:checked{background-color:#2ecc71bf;transition:background-color .3s ease;padding:1px;border:2px solid #444}.wide{width:clamp(100px,90vw,1400px);margin:0 auto}.small-text{font-size:.875rem;padding:.5rem 0;color:var(--color-text-small)}.header{display:flex;flex-direction:column;position:fixed;width:100%;z-index:9;padding:1rem 0;top:0;background-color:var(--color-bg);text-align:center}.header h1{text-transform:uppercase}.header .subtitle{color:var(--color-accent-dark)}.spacer{height:100px}@media (max-width: 768px){.header{position:static;text-wrap:balance}.spacer{display:none}}.intro .intro-content{display:flex;gap:4rem}.intro .intro-text{flex:1}.intro .intro-features{display:flex;flex:1}.intro .feature{border-left:2px solid var(--color-text-small);margin:1rem 0;padding:0 .5rem}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:1rem}.gallery img{width:100%;aspect-ratio:16/9;object-fit:cover;border:2px solid var(--color-text-small);height:auto;cursor:pointer;opacity:1;transition:opacity .5s ease-out 0s,border-color .2s ease}.gallery img:hover{border-color:var(--color-text-title)}.gallery:has(img:hover) img:not(:hover){opacity:.5;transition:opacity .5s ease-out}.fullscreen-overlay{display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:1000}.fullscreen-image{max-width:90%;max-height:90%}@media (max-width: 768px){.intro .intro-content{flex-direction:column}}.job-listings{display:grid;grid-template-columns:repeat(2,minmax(300px,1fr));flex-direction:column;gap:1rem}.job-listing{border:1px solid #444;padding:1rem;background-color:var(--color-bg-card);transition:background-color .3s}.job-listing.clickable{cursor:pointer}.job-listing.clickable:has(.needed):hover{background-color:var(--color-needed-card-hover)}.job-listing.clickable:has(.filled):hover{background-color:var(--color-filled-card-hover)}.job-listing.clickable:has(.general):hover{background-color:var(--color-general-card-hover)}.job-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.status{padding:.1rem .3rem;font-weight:700;text-transform:uppercase;font-size:.9rem}.status.needed{background-color:#ff4d4d;color:var(--color-text-title)}.status.filled{background-color:#4caf50;color:var(--color-text-title)}.status.general{background-color:#2196f3;color:var(--color-text-title)}.job-listing:has(.filled){background-color:#2ecc710d;border-color:#2ecc7126}.job-listing:has(.needed){background-color:#f39c120d;border-color:#f39c1226}.job-listing:has(.general){background-color:#00b0f00d;border-color:#00b0f026}.apply-section{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #444}.apply-section div{margin-bottom:.8rem}.discord-button{display:inline-block;margin-top:1rem;padding:.8rem 1.5rem;background-color:#7289da;color:#fff;text-decoration:none;font-weight:700;transition:background-color .3s}.discord-button:hover{background-color:#5f73bc}@media (max-width: 768px){.job-listings{display:flex}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#1e1e1e;border:2px solid transparent;padding:20px;box-shadow:0 4px 6px #0000001a;max-width:500px;width:90%;position:relative}.modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#fff}.modal-content.filled{border-color:#2ecc7180}.modal-content.needed{border-color:#f39c1280}.modal-content.general{border-color:#00b0f080}.toggle-font{position:fixed;bottom:1rem;right:0;width:4rem;height:4rem;background-color:var(--color-bg-card);border:1px solid var(--color-bg);border-right:0;border-radius:50% 0 0 50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.toggle-font svg{width:auto;height:3rem;color:#fff}.toggle-font:hover{border:1px solid var(--color-text-small);border-right:0;transition:all .3s ease}