* {margin: 0; padding: 0}
*, *::after, *::before {box-sizing: border-box}
body > header, body > footer {display: flex; justify-content: center}
body {background-color: #fcfbfa; color: #323438; font-family: "Work Sans", "Noto Color Emoji", sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.61803}
body.is-scroll-locked {overflow: hidden}
.wrapper {display: flex; flex: 0 0 100%; margin: 0 auto; max-width: 100%; padding: 0 1.61803rem}
@media screen and (min-width: 80rem) {.wrapper {flex: 0 1 88rem; max-width: 88rem; padding: 0 2.61803rem}
}
@supports (display: grid) {.grid {display: grid; grid-gap: 2.61803rem 1.61803rem; grid-template-columns: repeat(12, 1fr)}
@media screen and (min-width: 80rem) {.grid {grid-gap: 4.23607rem 1.61803rem}
}
}
h1, h2, h3 {font-family: "Work Sans", "Noto Color Emoji", sans-serif; font-weight: 300; letter-spacing: 0.025em; line-height: 1}
h1 {font-size: 1.61803em}
h2 {font-size: 1.61803em}
h3 {font-size: 1.61803em}
dl, ol, ul {list-style: none}
dt {font-weight: 600; margin-top: 0.61803rem}
dd {margin-top: 0}
table {border-collapse: collapse}
a {color: #3563bf}
a:hover {text-decoration: none}
.note {background-color: #f5f6fa; border: 1px solid; border-radius: 2px; color: #3563bf; padding: 0.61803rem 1rem; text-align: center}
@supports (display: grid) {.note {grid-column: span 12}
}
.note::before {content: 'Note: '; font-weight: 600}
.has-icon {align-items: center; display: inline-flex; height: 100%}
.has-icon .icon-fill {fill: currentColor}
.has-icon .icon-stroke {stroke: currentColor}
.has-icon, .has-icon svg {vertical-align: top}
.has-icon svg {font-size: 1.4375em; height: 1em; margin: 0 0.333em; width: 1em}
.has-icon.flush-left svg {margin-left: -0.2em !important}
.has-icon.flush-right svg {margin-right: -0.2em !important}
.has-ongoing {display: flex; justify-content: space-between}
.ongoing {background-color: #f3f7f7; color: #24a8b7; display: inline-block; height: 25px; position: relative}
.ongoing .box {animation: loop-ongoing 3s linear infinite; stroke: currentColor; stroke-dasharray: calc(194.60893 / 2 - 6.8541) 6.8541; stroke-dashoffset: 0}
@keyframes loop-ongoing {to {stroke-dashoffset: 194.60893}
}
.ongoing::before {align-items: center; content: 'Ongoing'; display: flex; height: 100%; justify-content: center; padding-bottom: 0.1em; position: absolute; width: 100%}
.ongoing.on .box {animation: loop-on 3s linear infinite; stroke: currentColor; stroke-dasharray: calc(114.60931 / 2 - 6.8541) 6.8541; stroke-dashoffset: 0}
@keyframes loop-on {to {stroke-dashoffset: 114.60931}
}
.ongoing.on::before {content: 'On'}
.ongoing > * {vertical-align: top}
::selection {background-color: #99baff; color: #fcfbfa}
body > header {background-attachment: fixed; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAwIiBoZWlnaHQ9IjEwMDAiIHZpZXdCb3g9IjAgMCAyNjQuNTgzMzMgMjY0LjU4MzM0Ij48cGF0aCBmaWxsPSIjMzU2M2JmIiBkPSJNMCAwaDI2NC41ODN2MjY0LjU4M0gweiIvPjxwYXRoIGQ9Ik0yMTEuNzIyIDUyLjg2MmMtMTMuNTktMTMuNTktNDAuNDU0LTguNzYzLTU3LjIzIDguMDE0LTE2LjM4OCAxNi4zODctMTcuMDg4IDM4LjExLTQuNDQ3IDUxLjc3N0w5Ny4zOTggMTY1LjNsLS4xNTYtLjE1Ny0xMy43NDYgOS44MS0zMi44NjUgMzIuODY0LTMuMyAxLjQ2LTIuMzUgMi4zNSAzLjMyMiAzLjMyMy42NDYuNjQ3IDQuMDA4IDQuMDA3IDIuMzUtMi4zNSAxLjQ2LTMuMzAyIDMyLjg2NS0zMi44NjQgOS44MS0xMy43NDYtLjE1Ni0uMTU2IDUyLjY0Ny01Mi42NDhjMTMuNjY3IDEyLjY0IDM1LjM5IDExLjk0IDUxLjc3OC00LjQ0NiAxNi43NzYtMTYuNzc3IDIxLjYwNC00My42NCA4LjAxNC01Ny4yM3ptLTEuODE4IDEuODE4YzEyLjQ2OCAxMi40NjggNy41MiAzNy42My04LjIxNyA1My4zNjhzLTM2LjM3IDE2LjE1NS00OC44MzggMy42ODZjLTEyLjQ3LTEyLjQ2OC0xMi4wNTMtMzMuMSAzLjY4NS00OC44MzhzNDAuOS0yMC42ODUgNTMuMzctOC4yMTZ6TS03OS40My03OS40M2MtMTMuNTkgMTMuNTktOC43NjMgNDAuNDU0IDguMDE0IDU3LjIzQy01NS4wMy01LjgxMy0zMy4zMDYtNS4xMTItMTkuNjQtMTcuNzUzTDMzLjAxIDM0Ljg5NGwtLjE1Ni4xNTYgOS44MSAxMy43NDZMNzUuNTI0IDgxLjY2bDEuNDYgMy4zMDIgMi4zNSAyLjM1IDMuMzI0LTMuMzIzLjY0NS0uNjQ4IDQuMDA4LTQuMDA3LTIuMzUtMi4zNS0zLjMwMi0xLjQ2TDQ4Ljc5NyA0Mi42NiAzNS4wNSAzMi44NWwtLjE1Ni4xNTctNTIuNjQ3LTUyLjY0N2MxMi42NC0xMy42NjYgMTEuOTQtMzUuMzktNC40NDYtNTEuNzc3LTE2Ljc3Ni0xNi43NzctNDMuNjQtMjEuNjA1LTU3LjIzLTguMDE0em0xLjgxOCAxLjgxOGMxMi40NjgtMTIuNDcgMzcuNjMtNy41MiA1My4zNyA4LjIxNiAxNS43MzYgMTUuNzM4IDE2LjE1MyAzNi4zNyAzLjY4NSA0OC44NC0xMi40NyAxMi40NjYtMzMuMSAxMi4wNS00OC44NC0zLjY4Ny0xNS43MzYtMTUuNzM4LTIwLjY4NC00MC45LTguMjE1LTUzLjM3em0yNjIuNzY1IDI2Mi43NjVjLTEzLjU5IDEzLjU5LTguNzYyIDQwLjQ1NCA4LjAxNCA1Ny4yMyAxNi4zODcgMTYuMzg4IDM4LjExIDE3LjA4OCA1MS43NzcgNC40NDdsNTIuNjQ3IDUyLjY0Ny0uMTU1LjE1NiA5LjgxIDEzLjc0NiAzMi44NjMgMzIuODY0IDEuNDYgMy4zMDIgMi4zNSAyLjM1IDMuMzI0LTMuMzIzLjY0Ni0uNjQ2IDQuMDA4LTQuMDA4LTIuMzUtMi4zNS0zLjMwMi0xLjQ2LTMyLjg2NS0zMi44NjYtMTMuNzQ3LTkuODEtLjE1Ni4xNTctNTIuNjQ3LTUyLjY0NmMxMi42NC0xMy42NjYgMTEuOTQtMzUuMzktNC40NDYtNTEuNzc3LTE2Ljc3Ny0xNi43NzYtNDMuNjQtMjEuNjA0LTU3LjIzLTguMDE0em0xLjgxOCAxLjgxOGMxMi40Ny0xMi40NjcgMzcuNjMyLTcuNTIgNTMuMzcgOC4yMTggMTUuNzM4IDE1LjczNyAxNi4xNTQgMzYuMzcgMy42ODYgNDguODM4LTEyLjQ3IDEyLjQ2OC0zMy4xIDEyLjA1Mi00OC44MzgtMy42ODZzLTIwLjY4NS00MC45LTguMjE3LTUzLjM3em0tMS44MTctMjY2LjRjLTEzLjU5IDEzLjU5LTguNzYyIDQwLjQ1NCA4LjAxNCA1Ny4yMyAxNi4zODcgMTYuMzg3IDM4LjExIDE3LjA4OCA1MS43NzcgNC40NDdsNTIuNjQ3IDUyLjY0Ny0uMTU1LjE1NiA5LjgxIDEzLjc0NiAzMi44NjMgMzIuODY1IDEuNDYgMy4zMDMgMi4zNSAyLjM1IDMuMzI0LTMuMzIzLjY0Ni0uNjQ3IDQuMDA4LTQuMDA3LTIuMzUtMi4zNS0zLjMwMi0xLjQ2TDMxMy4zOCA0Mi42NmwtMTMuNzQ3LTkuODEtLjE1Ni4xNThMMjQ2LjgzLTE5LjY0YzEyLjY0LTEzLjY2NSAxMS45NC0zNS4zOS00LjQ0Ni01MS43NzYtMTYuNzc3LTE2Ljc3Ny00My42NC0yMS42MDUtNTcuMjMtOC4wMTR6bTEuODE4IDEuODE4YzEyLjQ3LTEyLjQ3IDM3LjYzMi03LjUyIDUzLjM3IDguMjE2IDE1LjczOCAxNS43MzggMTYuMTU0IDM2LjM3IDMuNjg2IDQ4Ljg0LTEyLjQ3IDEyLjQ2Ny0zMy4xIDEyLjA1LTQ4LjgzOC0zLjY4Ny0xNS43MzgtMTUuNzM4LTIwLjY4NS00MC45LTguMjE3LTUzLjM3em0tMjY2LjQgMjYyLjc2NWMtMTMuNTkgMTMuNTktOC43NjMgNDAuNDU0IDguMDE0IDU3LjIzIDE2LjM4NyAxNi4zODggMzguMTEgMTcuMDg4IDUxLjc3NyA0LjQ0N2w1Mi42NDggNTIuNjQ3LS4xNTYuMTU2IDkuODEgMTMuNzQ2IDMyLjg2MyAzMi44NjQgMS40NiAzLjMwMiAyLjM1IDIuMzUgMy4zMjQtMy4zMjMuNjQ1LS42NDYgNC4wMDgtNC4wMDgtMi4zNS0yLjM1LTMuMzAyLTEuNDYtMzIuODY0LTMyLjg2Ni0xMy43NDYtOS44MS0uMTU2LjE1Ny01Mi42NDctNTIuNjQ2YzEyLjY0LTEzLjY2NiAxMS45NC0zNS4zOS00LjQ0Ni01MS43NzctMTYuNzc2LTE2Ljc3Ni00My42NC0yMS42MDQtNTcuMjMtOC4wMTR6bTEuODE4IDEuODE4YzEyLjQ2OC0xMi40NjcgMzcuNjMtNy41MiA1My4zNyA4LjIxOCAxNS43MzYgMTUuNzM3IDE2LjE1MyAzNi4zNyAzLjY4NSA0OC44MzgtMTIuNDcgMTIuNDY4LTMzLjEgMTIuMDUyLTQ4Ljg0LTMuNjg2LTE1LjczNi0xNS43MzgtMjAuNjg0LTQwLjktOC4yMTUtNTMuMzd6IiBmaWxsPSIjOTliYWZmIi8+PC9zdmc+"); background-position-y: top 4.23607rem; background-repeat: repeat; background-size: 128px; color: #323438; height: 12.7082rem; overflow: hidden}
body > header .navbar {background-color: #fcfbfa; box-shadow: 0 0 2.61803rem #000; display: flex; height: 4.23607rem; justify-content: center; width: 100%}
body > header {font-size: 1em; font-weight: 400}
body > header nav {flex: 1}
body > header nav ul {display: flex; flex-flow: row nowrap; font-size: 1.61803em; font-weight: 300}
body > header nav ul .has-icon svg {margin: 0 0.2em; stroke-width: 0.667}
body > header nav li {margin-left: 1.61803rem}
@media screen and (min-width: 80rem) {body > header nav li.right {margin-left: auto}
}
@media screen and (max-width: 79.9375rem) {body > header nav li.right + li {display: none}
}
@media screen and (min-width: 80rem) {body > header nav li.right + li {margin-left: 0}
}
body > header a {color: #7e828c; display: block; line-height: 4.23607rem}
body > header a:hover {color: #323438; text-decoration: none}
body > header nav a {letter-spacing: 0.025em; text-decoration: none; transition: color 0.333s}
body > header nav a.active {color: #323438}
body > header .logo {align-items: center; display: flex; height: 100%}
body > header .logo svg {height: 2.61803rem}
body > header .logo svg .logo-group {fill: #323438}
body > header .toggle {display: none}
@keyframes background-translate {0% {transform: translate(0, 0)}
100% {transform: translate(128px, -128px)}
}
body > header, body > main, body > footer {position: relative}
body > header {background-image: none}
body > header::before {animation: background-translate 10s linear infinite; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAwIiBoZWlnaHQ9IjEwMDAiIHZpZXdCb3g9IjAgMCAyNjQuNTgzMzMgMjY0LjU4MzM0Ij48cGF0aCBmaWxsPSIjMzU2M2JmIiBkPSJNMCAwaDI2NC41ODN2MjY0LjU4M0gweiIvPjxwYXRoIGQ9Ik0yMTEuNzIyIDUyLjg2MmMtMTMuNTktMTMuNTktNDAuNDU0LTguNzYzLTU3LjIzIDguMDE0LTE2LjM4OCAxNi4zODctMTcuMDg4IDM4LjExLTQuNDQ3IDUxLjc3N0w5Ny4zOTggMTY1LjNsLS4xNTYtLjE1Ny0xMy43NDYgOS44MS0zMi44NjUgMzIuODY0LTMuMyAxLjQ2LTIuMzUgMi4zNSAzLjMyMiAzLjMyMy42NDYuNjQ3IDQuMDA4IDQuMDA3IDIuMzUtMi4zNSAxLjQ2LTMuMzAyIDMyLjg2NS0zMi44NjQgOS44MS0xMy43NDYtLjE1Ni0uMTU2IDUyLjY0Ny01Mi42NDhjMTMuNjY3IDEyLjY0IDM1LjM5IDExLjk0IDUxLjc3OC00LjQ0NiAxNi43NzYtMTYuNzc3IDIxLjYwNC00My42NCA4LjAxNC01Ny4yM3ptLTEuODE4IDEuODE4YzEyLjQ2OCAxMi40NjggNy41MiAzNy42My04LjIxNyA1My4zNjhzLTM2LjM3IDE2LjE1NS00OC44MzggMy42ODZjLTEyLjQ3LTEyLjQ2OC0xMi4wNTMtMzMuMSAzLjY4NS00OC44MzhzNDAuOS0yMC42ODUgNTMuMzctOC4yMTZ6TS03OS40My03OS40M2MtMTMuNTkgMTMuNTktOC43NjMgNDAuNDU0IDguMDE0IDU3LjIzQy01NS4wMy01LjgxMy0zMy4zMDYtNS4xMTItMTkuNjQtMTcuNzUzTDMzLjAxIDM0Ljg5NGwtLjE1Ni4xNTYgOS44MSAxMy43NDZMNzUuNTI0IDgxLjY2bDEuNDYgMy4zMDIgMi4zNSAyLjM1IDMuMzI0LTMuMzIzLjY0NS0uNjQ4IDQuMDA4LTQuMDA3LTIuMzUtMi4zNS0zLjMwMi0xLjQ2TDQ4Ljc5NyA0Mi42NiAzNS4wNSAzMi44NWwtLjE1Ni4xNTctNTIuNjQ3LTUyLjY0N2MxMi42NC0xMy42NjYgMTEuOTQtMzUuMzktNC40NDYtNTEuNzc3LTE2Ljc3Ni0xNi43NzctNDMuNjQtMjEuNjA1LTU3LjIzLTguMDE0em0xLjgxOCAxLjgxOGMxMi40NjgtMTIuNDcgMzcuNjMtNy41MiA1My4zNyA4LjIxNiAxNS43MzYgMTUuNzM4IDE2LjE1MyAzNi4zNyAzLjY4NSA0OC44NC0xMi40NyAxMi40NjYtMzMuMSAxMi4wNS00OC44NC0zLjY4Ny0xNS43MzYtMTUuNzM4LTIwLjY4NC00MC45LTguMjE1LTUzLjM3em0yNjIuNzY1IDI2Mi43NjVjLTEzLjU5IDEzLjU5LTguNzYyIDQwLjQ1NCA4LjAxNCA1Ny4yMyAxNi4zODcgMTYuMzg4IDM4LjExIDE3LjA4OCA1MS43NzcgNC40NDdsNTIuNjQ3IDUyLjY0Ny0uMTU1LjE1NiA5LjgxIDEzLjc0NiAzMi44NjMgMzIuODY0IDEuNDYgMy4zMDIgMi4zNSAyLjM1IDMuMzI0LTMuMzIzLjY0Ni0uNjQ2IDQuMDA4LTQuMDA4LTIuMzUtMi4zNS0zLjMwMi0xLjQ2LTMyLjg2NS0zMi44NjYtMTMuNzQ3LTkuODEtLjE1Ni4xNTctNTIuNjQ3LTUyLjY0NmMxMi42NC0xMy42NjYgMTEuOTQtMzUuMzktNC40NDYtNTEuNzc3LTE2Ljc3Ny0xNi43NzYtNDMuNjQtMjEuNjA0LTU3LjIzLTguMDE0em0xLjgxOCAxLjgxOGMxMi40Ny0xMi40NjcgMzcuNjMyLTcuNTIgNTMuMzcgOC4yMTggMTUuNzM4IDE1LjczNyAxNi4xNTQgMzYuMzcgMy42ODYgNDguODM4LTEyLjQ3IDEyLjQ2OC0zMy4xIDEyLjA1Mi00OC44MzgtMy42ODZzLTIwLjY4NS00MC45LTguMjE3LTUzLjM3em0tMS44MTctMjY2LjRjLTEzLjU5IDEzLjU5LTguNzYyIDQwLjQ1NCA4LjAxNCA1Ny4yMyAxNi4zODcgMTYuMzg3IDM4LjExIDE3LjA4OCA1MS43NzcgNC40NDdsNTIuNjQ3IDUyLjY0Ny0uMTU1LjE1NiA5LjgxIDEzLjc0NiAzMi44NjMgMzIuODY1IDEuNDYgMy4zMDMgMi4zNSAyLjM1IDMuMzI0LTMuMzIzLjY0Ni0uNjQ3IDQuMDA4LTQuMDA3LTIuMzUtMi4zNS0zLjMwMi0xLjQ2TDMxMy4zOCA0Mi42NmwtMTMuNzQ3LTkuODEtLjE1Ni4xNThMMjQ2LjgzLTE5LjY0YzEyLjY0LTEzLjY2NSAxMS45NC0zNS4zOS00LjQ0Ni01MS43NzYtMTYuNzc3LTE2Ljc3Ny00My42NC0yMS42MDUtNTcuMjMtOC4wMTR6bTEuODE4IDEuODE4YzEyLjQ3LTEyLjQ3IDM3LjYzMi03LjUyIDUzLjM3IDguMjE2IDE1LjczOCAxNS43MzggMTYuMTU0IDM2LjM3IDMuNjg2IDQ4Ljg0LTEyLjQ3IDEyLjQ2Ny0zMy4xIDEyLjA1LTQ4LjgzOC0zLjY4Ny0xNS43MzgtMTUuNzM4LTIwLjY4NS00MC45LTguMjE3LTUzLjM3em0tMjY2LjQgMjYyLjc2NWMtMTMuNTkgMTMuNTktOC43NjMgNDAuNDU0IDguMDE0IDU3LjIzIDE2LjM4NyAxNi4zODggMzguMTEgMTcuMDg4IDUxLjc3NyA0LjQ0N2w1Mi42NDggNTIuNjQ3LS4xNTYuMTU2IDkuODEgMTMuNzQ2IDMyLjg2MyAzMi44NjQgMS40NiAzLjMwMiAyLjM1IDIuMzUgMy4zMjQtMy4zMjMuNjQ1LS42NDYgNC4wMDgtNC4wMDgtMi4zNS0yLjM1LTMuMzAyLTEuNDYtMzIuODY0LTMyLjg2Ni0xMy43NDYtOS44MS0uMTU2LjE1Ny01Mi42NDctNTIuNjQ2YzEyLjY0LTEzLjY2NiAxMS45NC0zNS4zOS00LjQ0Ni01MS43NzctMTYuNzc2LTE2Ljc3Ni00My42NC0yMS42MDQtNTcuMjMtOC4wMTR6bTEuODE4IDEuODE4YzEyLjQ2OC0xMi40NjcgMzcuNjMtNy41MiA1My4zNyA4LjIxOCAxNS43MzYgMTUuNzM3IDE2LjE1MyAzNi4zNyAzLjY4NSA0OC44MzgtMTIuNDcgMTIuNDY4LTMzLjEgMTIuMDUyLTQ4Ljg0LTMuNjg2LTE1LjczNi0xNS43MzgtMjAuNjg0LTQwLjktOC4yMTUtNTMuMzd6IiBmaWxsPSIjOTliYWZmIi8+PC9zdmc+"); background-position-y: top 4.23607rem; background-repeat: repeat; background-size: 128px; bottom: -100%; content: ''; height: 200%; left: -100%; position: absolute; width: 200%}
body > header .navbar {z-index: 1}
@media screen and (max-width: 79.9375rem) {body > header.is-expanded {height: 100vh; position: fixed; width: 100vw; z-index: 1}
body > header.is-expanded nav {background: #fcfbfa; bottom: 0; left: 0; padding: 2.61803rem 0; position: absolute; right: 0; top: 4.23607rem}
body > header.is-expanded nav ul {align-items: center; flex-direction: column; height: 100%; justify-content: center; padding-bottom: 4.23607rem}
body > header.is-expanded nav * {margin: 0}
body > header.is-expanded nav a {padding: 0 1.61803rem}
body > header:not(.is-expanded) nav {display: none}
body > header .wrapper {justify-content: space-between}
body > header .toggle {align-items: center; display: flex; user-select: none}
body > header .toggle .toggle-group {stroke: currentColor}
}
@media screen and (min-width: 80rem) {main {padding-bottom: 4.23607rem}
}
main p {margin-top: -0.1em}
main * + p {margin-top: calc(1rem - 0.1em)}
main section {padding: 2.61803rem 0; width: 100%}
@media screen and (min-width: 80rem) {main section {padding: 4.23607rem 0}
}
main section + section {border-top: 1px solid #ecebec}
main section > h1 {font-family: "Raleway", "Noto Color Emoji", sans-serif; font-size: 2.61803rem; font-weight: 900; margin: 0 0 2.61803rem; text-align: center}
@media screen and (min-width: 80rem) {main section > h1 {font-size: 4.23607rem; margin: 0 0 4.23607rem}
}
main section.empty > h1 {color: #dcdcde; margin: 0}
main section header {border-bottom: 1px solid; padding-bottom: 1.61803rem}
main section > * + *, main article > * + * {margin-top: 1.61803rem}
body > footer {background: #3563bf; color: #fcfbfa; padding: 1.61803rem 0}
@media screen and (min-width: 80rem) {body > footer {padding: 4.23607rem 0}
}
@supports (display: grid) {body > footer .grid section {grid-column: span 12}
@media screen and (min-width: 80rem) {body > footer .grid section {grid-column: span 4}
}
}
body > footer section h3 {border-bottom: 1px solid; font-size: 1em; font-weight: 400; line-height: 1.61803; padding-bottom: 0.61803rem; text-transform: uppercase}
body > footer section h3 + ul {margin-top: 0.61803rem}
body > footer a {color: #99baff}
body > footer a:hover {color: #fcfbfa}
@supports (display: grid) {#clubs .grid .toc {grid-column: span 12}
}
@supports (display: grid) {#clubs .grid .club {grid-column: span 12}
@media screen and (min-width: 80rem) {#clubs .grid .club {grid-column: span 3}
}
}
#clubs .grid h2 {font-family: "Raleway", "Noto Color Emoji", sans-serif; font-weight: 900}
@supports (display: grid) {#clubs .grid h2 {grid-column: span 12}
}
#clubs .has-icon .icon-fill {fill: #323438}
#clubs .club:not(.active) {color: #7e828c}
@supports (display: grid) {#contacts .grid .contact {grid-column: span 12}
@media screen and (min-width: 80rem) {#contacts .grid .contact {grid-column: span 3}
}
}
#contacts .has-icon .icon-fill {fill: #323438}
@supports (display: grid) {#events .grid .event {grid-column: span 12}
@media screen and (min-width: 80rem) {#events .grid .event {grid-column: span 3}
#events .grid .event:first-child:nth-last-child(3), #events .grid .event:first-child:nth-last-child(3) ~ * {grid-column: span 4}
#events .grid .event:first-child:nth-last-child(2) {grid-column: 3 / span 4}
#events .grid .event:first-child:nth-last-child(2) ~ * {grid-column: span 4}
#events .grid .event:only-child {grid-column: 5 / span 4}
}
}
#events .has-icon .icon-fill {fill: #323438}
@supports (display: grid) {#posts .grid .post {grid-column: span 12}
@media screen and (min-width: 80rem) {#posts .grid .post {grid-column: 3 / span 8}
}
}
#posts .post + .post {margin-top: 2.61803rem}
@supports (display: grid) {#posts .post + .post {margin-top: 0}
}
#posts .post:not(:last-child)::after {content: '*\00a0*\00a0*'; display: block; margin-top: 4.23607rem; text-align: center}
#posts .post header h1::after {clear: both; content: ''; display: block}
@media screen and (max-width: 79.9375rem) {#posts .post header h1 {text-align: center}
}
@media screen and (max-width: 79.9375rem) {#posts .post-title, #posts .post-date {display: block}
}
#posts .post header h1 .post-title {font-family: "Raleway", "Noto Color Emoji", sans-serif; font-weight: 900}
@media screen and (max-width: 79.9375rem) {#posts .post header h1 .post-title {line-height: 1.2; margin: -0.2em 0}
}
#posts .post-date {margin-top: 1.2rem}
@media screen and (min-width: 80rem) {#posts .post-date {float: right; margin-top: 0}
}
#posts .post-content h2, #posts .post-content h3 {margin-bottom: 1.61803rem; margin-top: 2.61803rem}
#posts .post-content h3 {font-size: 1em; font-weight: 600; margin-top: 1.61803rem}
@media screen and (min-width: 80rem) {@supports (hyphens: auto) {#posts .post-content p {hyphens: auto}
}
}
#posts .post-content figure {margin: 1.61803rem -1.61803rem; text-align: center}
#posts .post-content figure img {display: block; max-height: 58.66667rem; max-width: 100%}
svg {transform: rotate(0deg)}
@keyframes background-translate {0% {transform: translate(0, 0) rotate(0.001deg)}
100% {transform: translate(128px, -128px) rotate(0.001deg)}
}
@media screen and (max-width: 79.9375rem) {body > header .toggle {-moz-user-select: none}
}
@supports not (display: grid) {.grid {align-items: center; flex-direction: column}
.grid > * {width: 100%}
@media screen and (min-width: 80rem) {.grid > * {width: 66.667%}
}
.grid > * + * {margin-top: 2.61803rem}
}