*,*:before,*:after{box-sizing:border-box}body{background-color:var(--black);color:var(--white);display:flex;flex-direction:column;font-size:21px;font-family:Karla,sans-serif;line-height:1.4;margin:0;min-height:100vh}@media screen and (max-width: 797px){body{font-size:16px}}img{height:auto;max-width:100%}a{color:currentColor;transition:box-shadow .15s;box-shadow:0 1px 0 currentColor;text-decoration:none}a:hover{box-shadow:0 1px 0 var(--section-colour)}h1{font-size:72px;line-height:1;margin-bottom:36px}@media screen and (max-width: 797px){h1{font-size:48px}}h1,h2,h3,h4,h5,h6,.h{font-family:Barlow,sans-serif;font-weight:900;margin-top:0}p{margin-top:0}ul{margin:0;padding:0}time{color:var(--light-grey)}blockquote{border-left:solid 3px;letter-spacing:3px;margin-bottom:24px;margin-left:0;padding-left:24px}.sr-only{border:0;clip:rect(0 0 0 0);clip-path:polygon(0px 0px, 0px 0px, 0px 0px);-webkit-clip-path:polygon(0px 0px, 0px 0px, 0px 0px);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}::-moz-selection{background-color:var(--white);color:var(--black)}::selection{background-color:var(--white);color:var(--black)}:root{--primary: #D4A1E3;--secondary: #F8CE6A;--tertiary: #92D399;--accent: #2C1438;--black: #131313;--white: #fff;--dark-grey: #4D4e4f;--light-grey: #E3E8EB;--lightest-grey: #e7e7e7;color:var(--black);font-size:20px}:root{--primary: #7C46FE;--primary-hover: #5a34b4;--secondary: #007CFE;--secondary-light: #02BCFF;--tertiary: #01B875;--tertiary-hover: #01eb95;--quaternary: #FFB600;--quaternary-hover: #FFD01A;--accent: #FA2D5B;--accent-hover: #FF4775;--dark-black:#121212;--black: #171717;--dark-grey: #232323;--light-grey: #abbac4;--lightest-grey: #E3E8EB;--white: #FEFEFE}.btn{align-items:center;background-color:var(--section-colour);border-radius:3px;box-shadow:0 3px 3px rgba(0,0,0,.5);color:var(--section-button-text);display:inline-flex;font-weight:bold;font-size:18px;line-height:1;padding:6px 12px;transition:background-color .15s,box-shadow .15s}.btn--chevron-right::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath fill='%23171717' d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;content:"";display:block;height:24px;margin-left:6px;margin-right:-6px;width:24px}.btn:hover{background-color:var(--section-colour-hover);box-shadow:0 3px 3px rgba(0,0,0,.5)}.btn:active{box-shadow:0 0 3px rgba(0,0,0,.5),inset 0 1px 3px rgba(0,0,0,.25)}.inner{margin:0 auto;max-width:1200px;padding-left:18px;padding-right:18px}.site-main{flex-grow:1}.site-section{--section-colour: var(--secondary);--section-button-text: var(--black);opacity:1;padding:48px 0;transition:opacity 1s ease-in}.site-section--fade-in{opacity:0}.site-section:nth-of-type(even){background-color:var(--dark-black)}.site-section__heading{color:var(--section-colour);font-size:48px;line-height:1;margin-bottom:24px}.site-section--slobs{--section-colour: var(--tertiary);--section-colour-hover: var(--tertiary-hover)}.site-section--twitch{--section-colour: var(--primary);--section-colour-hover: var(--primary-hover);--section-button-text: var(--lightest-grey)}.site-section--twitch .btn::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath fill='%23E3E8EB' d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3C/svg%3E")}.site-section--web{--section-colour: var(--quaternary);--section-colour-hover: var(--quaternary-hover)}.site-section--yt{--section-colour: var(--accent);--section-colour-hover: var(--accent-hover)}@media screen and (max-width: 797px){.site-section{padding:18px 0}.site-section__heading{font-size:32px}}.brand{margin-right:36px;padding:18px 0}.brand__logo{height:30px}.cards{display:grid;grid-gap:24px;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));flex-wrap:wrap;margin:48px 0 0}@media screen and (min-width: 800px){.cards--33{grid-template-columns:repeat(auto-fill, minmax(350px, 1fr))}}.card{background-color:var(--dark-grey);border-radius:3px;box-shadow:0 6px 6px rgba(0,0,0,.5);display:flex;flex-direction:column;overflow:hidden;padding:18px}.card:hover .card__image{filter:grayscale(0)}.card__image{filter:grayscale(1);margin:-18px -18px 18px;max-width:unset;transition:filter .15s;width:calc(100% + 36px)}.card__heading{line-height:1.1;margin-bottom:17px;text-shadow:1px 2px 0 #000}.card__body{color:var(--light-grey);flex-grow:1;line-height:1.2}.card__status{border-left:solid 3px var(--section-colour);padding-left:12px;color:var(--lightest-grey);font-size:16px}.faq__question{font-weight:700;margin-bottom:6px}.faq__answer{border-left:solid 3px var(--section-colour);padding-left:18px}.faq__app-heading{margin-bottom:12px;margin-top:24px}.hero{align-items:center;display:flex;height:100%;margin-bottom:48px;font-size:27px}.hero h1{text-shadow:2px 2px 0 var(--secondary),-2px -2px 0 var(--accent)}.hero__text,.hero__image{flex-basis:50%}.hero__text{margin-right:24px}@media screen and (max-width: 797px){.hero{flex-wrap:wrap;margin-bottom:12px}.hero__text,.hero__image{flex-basis:100%;font-size:21px;margin:0}}.site-footer{background-color:var(--dark-grey);color:var(--light-grey);padding:24px 0;font-size:16px}.site-footer .h{font-size:21px;margin-bottom:12px}.site-footer ul{list-style-type:none}.site-footer a{box-shadow:0 1px 0 rgba(0,0,0,0)}.site-footer a:hover{box-shadow:0 1px 0 currentColor}.site-footer__inner{margin:0 -12px;display:flex}.site-footer__col{flex-basis:25%;padding:0 12px}.site-footer__col--right{margin-left:auto;text-align:right}.site-footer__logo{height:24px;margin-bottom:6px}@media screen and (max-width: 797px){.site-footer__inner{flex-wrap:wrap}.site-footer__col--right{flex-basis:100%;margin-left:0;margin-top:24px;text-align:left}}.site-header{margin-bottom:24px}.site-nav{align-items:center;display:flex;margin-left:auto}.site-nav ul{display:flex;list-style-type:none}.site-nav li+li{margin-left:36px}.site-nav a{box-shadow:0 1px 0 rgba(0,0,0,0)}.site-nav a:hover{box-shadow:0 1px 0 currentColor}@media screen and (max-width: 797px){.site-nav li+li{margin-left:18px}}.d-flex{display:flex}.sr-only{border:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}