html,body{margin:0}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root{--background-primary:var(--lightningcss-light,#f0f0f0)var(--lightningcss-dark,#252525);--background-secondary:var(--lightningcss-light,#e1e1e1)var(--lightningcss-dark,#2e2e2e);--text:var(--lightningcss-light,#2e2e2e)var(--lightningcss-dark,#eee);--nav-button-active-text:var(--lightningcss-light,#eee)var(--lightningcss-dark,#2e2e2e);--nav-button-inactive-text:var(--lightningcss-light,#2e2e2e)var(--lightningcss-dark,#eee);--nav-button-active-bg:var(--lightningcss-light,#2e2e2e)var(--lightningcss-dark,#eee);--nav-button-inactive-bg:var(--lightningcss-light,#e1e1e1)var(--lightningcss-dark,#2e2e2e);--nav-button-active-hover:var(--lightningcss-light,#3c3c3c)var(--lightningcss-dark,#d2d2d2);--nav-button-inactive-hover:var(--lightningcss-light,#f0f0f0)var(--lightningcss-dark,#252525);--contact-link-hover:var(--lightningcss-light,#4f4f4f)var(--lightningcss-dark,#b8b8b8);--page-margin:0 50px}html,body{color:var(--text);background-color:var(--background-primary);font-family:Trebuchet MS}.headerContainer{background-color:var(--background-primary);height:100px;margin:0 47px;display:flex;position:relative}.navDropdownContainer{flex:1;justify-content:center;align-items:center;display:flex}.homeButton{background-color:#fff;border:3px solid #2e2e2e;border-radius:15px;justify-content:center;align-items:center;width:60px;height:60px;transition:background-color .25s ease-out;display:flex}.homeButton:hover{background-color:#f0f0f0}.semiquaverLogo{height:50px}.navContainer{flex:8;justify-content:center;align-items:center;display:flex}.navButtons{background-color:var(--background-secondary);border-radius:15px;justify-content:center;align-items:center;width:450px;height:70px;padding-left:4px;padding-right:4px;display:flex}.navButton,.navButton.active{border-radius:15px;flex:1;justify-content:center;align-items:center;height:62px;font-family:Trebuchet MS;font-weight:700;text-decoration:none;transition:background-color .25s ease-out;display:flex}.navButton{background-color:var(--nav-button-inactive-bg);color:var(--nav-button-inactive-text)}.navButton:hover{background-color:var(--nav-button-inactive-hover)}.navButton.active{background-color:var(--nav-button-active-bg);color:var(--nav-button-active-text)}.navButton.active:hover{background-color:var(--nav-button-active-hover)}.toggleContainer{flex:1;justify-content:center;align-items:center;display:flex}.toggleButtonOutline{background-color:var(--background-secondary);border-radius:15px;justify-content:center;align-items:center;width:70px;height:70px;display:flex}.lightModeToggle{width:55px;height:55px;transform-style:preserve-3d;position:relative}.sun,.moon{backface-visibility:hidden;width:100%;height:100%;position:absolute}.moon{transform:rotateY(180deg)}.mobileNavButton{background-color:var(--background-secondary);border:none;border-radius:15px;justify-content:center;align-items:center;width:70px;height:70px;display:none}.mobileNavDropdown{background:var(--background-primary);z-index:1;flex-direction:column;gap:10px;width:100%;max-height:0;padding-bottom:0;transition:max-height .3s ease-out;display:none;position:absolute;top:100%;left:0;overflow:hidden}.mobileNavDropdown.open{max-height:200px;padding-bottom:10px}.mobileNavDropdown .navButton,.mobileNavDropdown .navButton.active{border-radius:15px;flex:none;width:100%;height:50px}.mobileNavIconContainer{flex-direction:column;justify-content:center;align-items:center;gap:5px;transition:gap .2s;display:flex}.mobileNavButton:hover .mobileNavIconContainer,.mobileNavButton.open .mobileNavIconContainer{gap:10px}.mobileNavIconBar{background-color:#fff;border-radius:3px;width:20px;height:3px}@media (width<=850px){.navButtons{display:none}.mobileNavButton,.mobileNavDropdown{display:flex}}.logoContainer{aspect-ratio:1546/423;width:100%;margin-top:5%;margin-bottom:5%;position:relative;transform:scale(.7)}.logoPart,.stavePart{position:absolute}.logoPart{filter:drop-shadow(8px 8px 4px #0000004d)}.logoPartP{width:6%;top:30%;left:10%}.logoPartA{width:7%;top:30%;left:17.7%}.logoPartC{width:5.8%;top:30%;left:33.7%}.logoPartH{width:6.5%;top:30%;left:42.2%}.logoPartN{width:6.7%;top:30%;left:50.7%}.logoPartO{width:11%;top:30%;left:59%}.logoPartE{width:4.7%;top:30%;left:76%}.logoPartS{width:5.6%;top:30%;left:83.3%}.logoPartQuavers{width:50%;top:-5%;left:24%}.logoPartCrossbeam{width:55%;top:16%;left:24%}.logoPartStave1{background:#a6a6a6;width:142%;top:12%;left:-21%}.logoPartStave2{background:#a6a6a6;width:142%;top:31%;left:-21%}.logoPartStave3{background:#a6a6a6;width:142%;top:50%;left:-21%}.logoPartStave4{background:#a6a6a6;width:142%;top:69%;left:-21%}.logoPartStave5{background:#a6a6a6;width:142%;top:88%;left:-21%}.homeContainer{background-color:var(--background-primary);width:100%}.homeLogoContainer{margin:var(--page-margin);background-color:var(--background-secondary);position:relative}.tagline{text-align:center;font-size:x-large}.taglineBreak{display:none}@media (width<=850px){.taglineBreak{display:block}}.divider{margin:var(--page-margin);color:var(--text)}.summary{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.summaryBreak{display:none}@media (width<=725px){.summaryBreak{display:block}}.summary h4{margin-bottom:0;font-size:x-large}.summary p{margin-bottom:32px}.summarySocials{flex-direction:row;justify-content:center;align-items:center;gap:1em;display:flex}@media (width<=700px){.summarySocials{flex-direction:column}}.summarySocialsButton{--depth:5px;padding-bottom:var(--depth);display:inline-block;position:relative}.summarySocialsButtonBg{inset:0;top:var(--depth);background-color:var(--summary-socials-background-colour);z-index:0;border-radius:20px;position:absolute}.summarySocialsButtonFront{background-color:var(--summary-socials-button-colour);color:var(--summary-socials-text-colour);z-index:1;border-radius:20px;justify-content:center;align-items:center;padding:10px 16px;text-decoration:none;transition:transform .1s ease-out;display:inline-flex;position:relative;transform:translateY(0)}.summarySocialsButtonFront:hover{transform:translateY(-3px)}.summarySocialsButtonFront:active{transform:translateY(3px)}.summarySocialsButtonFront img{width:40px;height:40px;margin-right:10px}.twitchLogo{fill:#eee;width:40px;height:40px;margin-right:10px}.aboutPatchNotesContainer,.aboutTeamContainer{padding:25px 50px}.aboutPatchNotesFirst{font-size:x-large}.aboutPatchNotesBody{margin-top:0;line-height:25px}.aboutTeamMembers{flex-direction:column;gap:50px;width:100%;display:flex}.bigBreak{content:"";margin-top:15px;display:block}.smallBreak{content:"";margin-top:0;display:block}.aboutTeamMemberTitle{font-size:xx-large}@media (width<=1000px){.aboutTeamMemberTitle{margin:10px 0}}.aboutDropdownContainer{flex-direction:column;justify-content:center;align-items:start;width:100%;height:auto;display:flex}.aboutDropdownContainer:has(.aboutDropdownButton.Jen){align-items:end}.aboutDropdownButtonText{justify-content:center;align-items:center;display:flex}.aboutDropdownCaret{width:50px;height:auto;color:var(--text);transition:transform .5s cubic-bezier(.16,1,.3,1);display:none}.aboutDropdownCaret.open{display:none;transform:rotate(90deg)}.aboutDropdownTitle{font-size:xx-large}.aboutDropdownButton{all:unset;margin-left:370px}.aboutDropdownButton.Jen{margin-left:0;margin-right:370px}.aboutDropdownContent{flex-direction:row;gap:20px;max-height:0;padding-bottom:0;transition:max-height .3s ease-out;display:flex;overflow:hidden}.aboutDropdownContent:has(.aboutDropdownImage.Jen){flex-direction:row-reverse}.aboutDropdownContent.open{max-height:1200px;padding-bottom:10px}.aboutDropdownImage{background-position:50%;background-repeat:no-repeat;background-size:auto 100%;flex-shrink:0;width:350px}.aboutDropdownImage.Alex{background-image:url(/assets/alex_team_photo-KlU1XXgZ.png)}.aboutDropdownImage.Jen{background-image:url(/assets/jen_team_photo-C7l6Khlc.png)}.aboutDropdownImage.Ryan{background-image:url(/assets/ryan_team_photo-BB60lggu.png)}.aboutDropdownChildren p{margin:0}.aboutDropdownChildren.Jen p{text-align:right}@media (width<=1000px){.aboutDropdownContainer{align-items:center}.aboutDropdownCaret,.aboutDropdownCaret.open{display:inline}.aboutDropdownButton,.aboutDropdownButton.Jen{cursor:pointer;width:100%;margin-left:0;margin-right:0}:is(.aboutDropdownContent,.aboutDropdownContent:has(.aboutDropdownImage.Jen)){flex-direction:column;justify-content:start;align-items:center}.aboutDropdownImage{height:350px}.aboutDropdownChildren p,.aboutDropdownChildren.Jen p{text-align:center}}.contactContainer{padding:50px}.contactDetailsContainer{align-items:center;display:flex}@media (width<=600px){.contactDetailsContainer{flex-direction:column;align-items:start}}.contactSocialsContainer,.contactEmailContainer{flex-direction:column;flex:1;align-items:flex-start;display:flex}.contactSocialLink{line-height:30px;display:inline-block}.contactSocialLink:link,.contactSocialLink:visited{color:var(--text);text-decoration:none}.contactSocialLink:hover{color:var(--contact-socials-hover-colour);text-decoration:underline}.contactEmailBody{font-size:x-large}