@import "https://fonts.googleapis.com/css2?family=Quicksand:wght@400;700&display=swap";:root{--white:#fff;--gray-1:#ddd;--gray-2:#999;--gray-3:#333;--gray-4:#222;--yellow-1:#f3e072;--yellow-2:#e8ca21;--background-colour:var(--gray-3);--background-dark-colour:var(--gray-4);--accent-colour:var(--yellow-2);--navbar-colour:#191919;--navbar-height:56px;--user-card-link-colour:#fff2aa;--main-card-background-colour:#2a2822;--main-card-title-background-colour:#3d3829;--selection-colour:#e8ca2177}body[type=home] #main{margin-top:0}#osuButtonContainer{height:100vh;width:100vw;margin:auto;max-width:1200px;display:flex;align-items:center;justify-content:center;font-size:1.25vw;overflow:hidden}#osuButtonContainer *{user-select:none}@media(min-width:1200px){#osuButtonContainer{font-size:15px}}#buttonWrapper{display:flex;justify-content:center;align-items:center}#optionsContainer{width:fit-content;margin:0 -25em;padding:0 25em;overflow:hidden;text-align:left}.noAnim{animation:none!important}@keyframes logo-pulse{0%{transform:scale(.96)}85%{transform:scale(1)}100%{transform:scale(.96)}}@keyframes overlay-pulse{0%{transform:scale(1.01)}96%{transform:scale(1)}100%{transform:scale(1.01)}}#logoContainer{z-index:1;position:relative;-webkit-tap-highlight-color:transparent;border-radius:10000px;transition:transform .25s linear;will-change:transform}#logoContainer:hover{transform:scale(1.166667)!important}#logo{animation:logo-pulse 1s infinite;border-radius:10000px;cursor:pointer;height:30em;width:30em;view-transition-name:logo;box-sizing:border-box;background-color:#f1c814}#logo>svg,#logo div{position:absolute;inset:0;height:100%;width:100%;border-radius:10000px;overflow:hidden;box-sizing:border-box}#logo .outer-border{border:1.06666667em solid #000;transition:border-width .25s linear}#logo .inner-border{border:1.6em solid #fff;opacity:.375;transition:border-width .25s linear;will-change:border-width}#logo .logo-goose-icon{opacity:.15;transition:transform .25s linear,opacity .25s linear;will-change:transform,opacity}#logo .logo-text-icon{filter:drop-shadow(.26666667em .26666667em 0 #e6a20e99)}#logo:hover .logo-goose-icon{transform:scale(1.05);opacity:.1}#logo:hover .outer-border{border-width:.8em}#logo:hover .inner-border{border-width:0}#optionsContainer .option{display:flex;height:5.75em;margin-top:.5em;align-items:center;width:0;max-width:0;transform:translateX(-75em);filter:opacity(0);transition:all .2s ease;-webkit-tap-highlight-color:transparent}#optionsContainer.open .option{width:25em;max-width:100em;transform:translateX(-15em);filter:opacity(1)}#optionsContainer.open .option:hover{transform:translateX(-13em);filter:brightness(115%);cursor:pointer}.optionImage{height:100%}@supports not (view-transition-name:test){body[type=home][from=page] #buttonWrapper{animation:cookie-fade-in-fallback .3s ease}@keyframes cookie-fade-in-fallback{0%{transform:scale(.9);opacity:0}100%{transform:scale(1);opacity:1}}}.nav{position:fixed;top:0;left:0;width:100%;background:var(--navbar-colour);padding:0 20px;height:var(--navbar-height);box-sizing:border-box;z-index:1;transition:transform .3s ease,box-shadow .2s ease;view-transition-name:nav;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.nav:hover{box-shadow:0 0 250px rgba(0,0,0,.6),0 0 120px rgba(0,0,0,.8),0 0 100px rgba(0,0,0,.6);transition:transform .3s ease,box-shadow .65s ease}.nav a{color:unset;text-decoration:none}.nav svg{height:1.5em}.nav-navigation{display:flex;flex-direction:row;gap:20px;align-items:center}.nav-navigation .nav-logo{display:flex}.nav-navigation .nav-logo img.logo{width:40px;height:40px;view-transition-name:logo}.nav-navigation .nav-logo img.logo:hover{filter:brightness(.8);transition-duration:150ms}.nav-sections{display:flex;align-items:center;height:var(--navbar-height);gap:15px;position:relative}.nav-sections>a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;transition:background-color .3s ease,color .3s ease;position:relative}.nav-sections>a:hover{color:unset;background-color:#fff3}.nav-sections>a:hover::before,.nav-sections>a:hover::after{opacity:1}.nav-sections>a::before{content:attr(text);position:absolute;top:54px;left:6px;font-size:22px;font-weight:700;pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:2;text-shadow:0 0 10px rgba(0,0,0,.5),0 0 5px rgba(0,0,0,.25)}.nav-sections>a::after{content:attr(desc);position:absolute;top:84px;left:6px;pointer-events:none;width:300px;opacity:0;transition:opacity .3s ease;z-index:2;text-shadow:0 0 10px rgba(0,0,0,.6),0 0 5px rgba(0,0,0,.7),0 0 3px rgba(0,0,0,.6),0 0 2px rgba(0,0,0,.5),0 0 1px rgba(0,0,0,.4)}.nav-sections::after{content:"";position:absolute;bottom:1px;left:calc(10px + (40px + 15px) * var(--pos));width:20px;height:3px;border-radius:8px;background-color:var(--accent-colour);display:none;--pos:-1;transition:left .3s ease;view-transition-name:nav-indicator}.nav-sections[data-section=about]>a[text=about] svg{color:var(--accent-colour)}.nav-sections[data-section=about]::after{--pos:0;display:block}.nav-sections[data-section=members]>a[text=members] svg{color:var(--accent-colour)}.nav-sections[data-section=members]::after{--pos:1;display:block}.nav-sections[data-section=events]>a[text=events] svg{color:var(--accent-colour)}.nav-sections[data-section=events]::after{--pos:2;display:block}body[type=home] .nav{transform:translateY(-100%)}body[type=home] .nav img.logo{view-transition-name:unset}::view-transition-old(nav-indicator){display:none}::view-transition-new(nav-indicator){opacity:1!important}body[type=page][from=home]:not(.transition-done) .nav-sections::after{view-transition-name:unset}html:has(body[type=home])::view-transition-old(nav){opacity:1!important}html:has(body[type=home])::view-transition-new(nav){display:none}html:has(body[type=page])::view-transition-old(nav){display:none}html:has(body[type=page])::view-transition-new(nav){opacity:1!important}body[type=page][from=page]:not(.transition-done) .nav-navigation img.logo{view-transition-name:unset}.nav-socials{display:flex;flex-direction:row;align-items:center;height:var(--navbar-height);gap:10px;position:relative}.nav-socials>a,.nav-socials>.mobile-socials-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;transition:background-color .3s ease,color .3s ease;position:relative}.nav-socials>a svg,.nav-socials>.mobile-socials-close svg{font-size:14px;transition:fill .3s ease}.nav-socials>a:hover,.nav-socials>.mobile-socials-close:hover{color:unset;background-color:#fff3}.nav-socials>.mobile-socials-close{display:none}.nav-socials-mobile-button{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;transition:background-color .3s ease,color .3s ease;position:relative;cursor:pointer}.nav-socials-mobile-button svg{font-size:14px;transition:fill .3s ease}.nav-socials-mobile-button:hover{color:unset;background-color:#fff3}.nav-socials-mobile-button:hover svg{color:var(--accent-colour)}@media(max-width:560px){.nav-socials{position:absolute;top:calc(0px - var(--navbar-height));background:#202020;width:100%;left:0;padding:0 20px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;box-sizing:border-box;pointer-events:none;opacity:0;transition:opacity .25s ease,transform .25s ease}.nav-socials .mobile-socials-close{display:flex;margin-left:auto}.nav-socials-mobile-button{display:flex}.nav-socials-mobile-button:focus,.nav-socials-mobile-button:has(+.nav-socials:focus){background-color:#fff3}.nav-socials-mobile-button:focus+.nav-socials,.nav-socials:focus,.nav-socials:focus-within{pointer-events:all;opacity:1;transform:translateY(100%)}}.members-section h2{font-size:28px}.members-section .members-sync-status{margin:0 0 18px;opacity:.7;font-size:15px}.members-section .members-loading[hidden]{display:none}.members-section .members-loading .member-loading-card{min-height:104px;background:rgba(255,255,255,8%)}.members-section .members-loading .member-loading-card::before{display:none}.members-section .members-loading .member-loading-avatar,.members-section .members-loading .member-loading-line{background:rgba(255,255,255,.14);background-image:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);background-size:200% 100%;animation:member-loading-shimmer 1.4s ease-in-out infinite}.members-section .members-loading .member-loading-avatar{width:80px;height:80px;min-width:80px;border-radius:8px}.members-section .members-loading .member-loading-copy{display:flex;width:65%;max-width:360px;flex-direction:column;gap:10px}.members-section .members-loading .member-loading-line{display:block;width:100%;height:13px;border-radius:999px}.members-section .members-loading .member-loading-name{width:55%;height:20px}.members-section .members-loading .member-loading-short{width:72%}.members-section .members-empty{margin:0 0 20px;opacity:.65}@keyframes member-loading-shimmer{from{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.members-loading .member-loading-avatar,.members-loading .member-loading-line{animation:none}}.member{position:relative;border-radius:8px;overflow:hidden;display:flex;margin-bottom:20px;color:#fcfcfc;align-items:center;gap:20px;flex-direction:row;padding:12px 20px}.member *{z-index:0}.member::before{content:'';display:block;position:absolute;inset:-8px;background-image:var(--cover);background-repeat:no-repeat;background-size:cover;background-position:50%;filter:blur(8px)brightness(.7);transition:filter .3s ease}.member:hover::before{filter:blur(0)brightness(.6)}.member a{color:var(--user-card-link-colour);text-decoration:none!important;transition:filter .2s ease}.member a:hover{filter:brightness(.9)}.member .pfp{border-radius:8px;object-fit:cover;width:80px;height:80px;aspect-ratio:1/1;min-width:80px;min-height:80px;user-select:none}.member .member-details{display:flex;flex-direction:column;gap:.25em;gap:.2lh}.member .member-details .member-details-top{display:flex;flex-direction:row;gap:20px;align-items:center}.member .member-details .member-details-top .pfp-mobile{display:none}.member .member-details .member-details-top .member-info{display:flex;flex-direction:column;gap:.25em;gap:.2lh}.member .member-details .member-details-top .member-info .member-username{font-size:22px;font-weight:700;display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;column-gap:.25em}.member .member-details .member-details-top .member-info .member-username .member-name{font-weight:400;opacity:.7;font-size:90%}.member .member-details .member-details-top .member-info .member-program{font-size:16px;opacity:.7}.member .member-details .member-blurb{line-height:1.25;margin-top:2px}.member .member-details .member-socials{display:flex;flex-direction:row;column-gap:12px;font-size:16px;align-items:center;margin-top:6px;flex-wrap:wrap}.member .member-details .member-socials .member-social-link{display:flex;align-items:center;flex-direction:row;flex-wrap:nowrap;gap:6px;opacity:.8}.member .member-details .member-socials .member-social-link svg{width:16px;height:16px;fill:#fffe}.members{grid-column-gap:18px;grid-row-gap:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr))}@media(max-width:500px){.members{margin-left:-20px;margin-right:-20px;display:flex;flex-direction:column}.members .member-details-top{margin-bottom:10px}.members .pfp{min-width:unset!important;min-height:unset!important;max-width:20vw!important;max-height:20vw!important}.members.members-executives .pfp{max-width:25vw!important;max-height:25vw!important}.members .pfp-mobile{display:block!important}.members .pfp:not(.pfp-mobile){display:none}}.members.members-executives{grid-template-columns:1fr}.members.members-executives .member .pfp{width:120px;height:120px;min-width:120px;min-height:120px}.members.members-executives .member .member-details .member-username{font-size:28px}.members.members-executives .member .member-details .member-role{font-size:20px;margin-top:-2px;font-weight:700;opacity:.8}.events{display:grid;grid-template-columns:repeat(auto-fit,minmax(21em,2fr));gap:1em;margin-bottom:1em}.events a.event img{aspect-ratio:21/9;object-fit:cover;border-radius:8px;width:100%;transition-duration:150ms}.events a.event img:hover{filter:brightness(.85)}span.event-author{margin-top:-1em}img.event-image{width:100%;aspect-ratio:21/9;object-fit:cover;display:block}#main{height:100%;width:100%;overflow:hidden;margin-top:var(--navbar-height);display:flex;flex-direction:column;align-items:center}#main.home{margin-top:0}#card{height:calc(100% - var(--navbar-height));width:75vw;min-width:calc(min(800px,100%));max-width:calc(min(1080px,100%));overflow-y:visible;background-color:var(--main-card-background-colour);padding:0;position:relative;box-sizing:border-box;box-shadow:0 0 30px rgba(0,0,0,.3),0 0 10px rgba(0,0,0,.4);view-transition-name:container}#card #container{height:100%;width:100%;overflow-y:auto;overflow-x:hidden;scrollbar-color:#fff3 var(--main-card-background-colour);scrollbar-width:thin}#card #container::-webkit-scrollbar{width:10px;background-color:var(--main-card-background-colour)}#card #container::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:2px}#card #container::-webkit-scrollbar-thumb:hover{background-color:#fff4}#card #container>.title{display:flex;padding:20px 35px;background-color:var(--main-card-title-background-colour);margin:0;align-items:center;gap:.5em}#card #container>.title>svg{width:.8em;height:.8em}#card #container>.title.title-with-author{display:block}#card #container>.title.title-with-author>h1{margin:0}#card #container>.title.title-with-author .title-author{margin-top:.5em;opacity:.8}#card #container>.content{display:block;padding:25px 35px;background-color:var(--main-card-background-colour)}#card #container>.content h1,#card #container>.content h2,#card #container>.content h3,#card #container>.content h4,#card #container>.content h5,#card #container>.content h6{position:relative}#card #container>.content h1:target::before,#card #container>.content h1.hash-target::before,#card #container>.content h2:target::before,#card #container>.content h2.hash-target::before,#card #container>.content h3:target::before,#card #container>.content h3.hash-target::before,#card #container>.content h4:target::before,#card #container>.content h4.hash-target::before,#card #container>.content h5:target::before,#card #container>.content h5.hash-target::before,#card #container>.content h6:target::before,#card #container>.content h6.hash-target::before{content:'';display:block;top:50%;left:-20px;height:.3em;width:.3em;border:4px solid var(--accent-colour);border-top:none;border-left:none;transform:translateY(-50%)rotate(-45deg);position:absolute;pointer-events:none;animation:target-hash-arrow-move .8s ease infinite,target-hash-arrow-fade-out .5s 1.6s forwards}@keyframes target-hash-arrow-move{0%{left:-25px}50%{left:-20px}100%{left:-25px}}@keyframes target-hash-arrow-fade-out{0%{opacity:1}100%{opacity:0}}::view-transition-old(container){animation:container-out .5s ease}::view-transition-new(container){animation:container-in .5s ease}@keyframes container-out{0%{transform:translateY(0)}100%{transform:translateY(calc(100vh + 310px))}}@keyframes container-in{0%{transform:translateY(calc(100vh + 310px))}100%{transform:translateY(0)}}@supports not (view-transition-name:test){body[from] #card{animation:container-in-fallback .5s ease}body[type=page][from=page] #card{animation:container-out-fallback-crosspage .3s ease}@keyframes container-in-fallback{0%{transform:translateY(calc(100vh + 310px))}100%{transform:translateY(0)}}@keyframes container-out-fallback-crosspage{0%{transform:translateY(calc(min(60vh,600px)));opacity:0}100%{transform:translateY(0);opacity:1}}}.card-deco{position:absolute;left:0;top:-300px;height:300px;width:100%;filter:drop-shadow(0 -4px 5px rgba(0,0,0,.3))}.card-deco div{position:absolute;inset:0;pointer-events:none}.card-deco div:nth-child(1){background:#b3994c;clip-path:polygon(0 12%,100% 85%,100% 100%,0 100%)}.card-deco div:nth-child(2){background:#d0c293;clip-path:polygon(0 90%,100% 25%,100% 100%,0 100%)}.card-deco div:nth-child(3){background:#3e382a;clip-path:polygon(0 50%,100% 90%,100% 100%,0 100%)}.card-deco div:nth-child(4){background:#4d4633;clip-path:polygon(0 75%,100% 60%,100% 100%,0 100%)}footer{display:flex;width:100%;box-sizing:border-box;padding-right:25px;padding-bottom:25px;justify-content:flex-end}footer a{display:flex;align-items:center;gap:8px;color:var(--accent-colour);text-decoration:none;transition:filter .2s ease}footer a svg{height:20px;width:20px}footer a:hover{filter:brightness(.85)}footer a:hover polyline{transition:transform .2s ease}footer a:hover polyline:first-child{transform:translateX(6%)}footer a:hover polyline:last-child{transform:translateX(-6%)}.content{line-height:1.5}.content pre{padding:1rem;background-color:#0002;border-radius:6px}.content img{width:100%}.content a{color:var(--accent-colour);text-decoration:none;transition:filter .2s ease}.content a:hover{filter:brightness(.85)}.content a:not(:has(img)){position:relative;display:inline-block}.content a:not(:has(img))::after{content:'';display:block;width:0;height:1px;background-color:var(--accent-colour);transition:width .2s ease;position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);pointer-events:none}.content a:not(:has(img)):hover::after{width:100%}html{background-color:var(--background-colour);background-image:url(/images/e5-stairs-triangles-min.png);background-size:cover;background-repeat:repeat-y;height:100%;overflow:hidden}body{font-family:quicksand,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen,Ubuntu,Cantarell,open sans,helvetica neue,sans-serif;color:var(--gray-1);margin:0;overflow:hidden;height:100%}::selection{background-color:var(--selection-colour);color:var(--white)}::view-transition-group(container){z-index:1}::view-transition-group(nav){z-index:2}::view-transition-group(nav-indicator){z-index:2}::view-transition-group(logo){z-index:3}@media(prefers-reduced-motion:reduce){*{view-transition-name:unset!important}}*{-webkit-tap-highlight-color:transparent}svg{height:1em;align-items:center}hr{border-top:2px solid var(--background-dark-colour);border-bottom:none;border-right:none;border-left:none;width:100%;margin:0}p{line-height:1.5em}