article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}
@charset "UTF-8";

 @font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?66759007');
  src: url('../font/fontello.eot?66759007#iefix') format('embedded-opentype'),
       url('../font/fontello.woff2?66759007') format('woff2'),
       url('../font/fontello.woff?66759007') format('woff'),
       url('../font/fontello.ttf?66759007') format('truetype'),
       url('../font/fontello.svg?66759007#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?66759007#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-help-circled:before { content: '\e704'; } /* '' */
.icon-info-circled:before { content: '\e705'; } /* '' */
.icon-logout:before { content: '\e741'; } /* '' */
.icon-right-open:before { content: '\e801'; } /* '' */
.icon-twitter:before { content: '\f099'; } /* '' */
.icon-mail-alt:before { content: '\f0e0'; } /* '' */
.icon-angle-right:before { content: '\f105'; } /* '' */
.icon-twitch:before { content: '\f1e8'; } /* '' */
.icon-award:before { content: '🏉'; } /* '\1f3c9' */
.icon-lock:before { content: '🔒'; } /* '\1f512' */
.icon-lock-open:before { content: '🔓'; } /* '\1f513' *//**
 * Featherlight - ultra slim jQuery lightbox
 * Version 1.7.13 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2018, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
html.with-featherlight{overflow:hidden}.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;text-align:center;white-space:nowrap;cursor:pointer;background:#333;background:rgba(0,0,0,0)}.featherlight:last-of-type{background:rgba(0,0,0,.8)}.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle}.featherlight .featherlight-content{position:relative;text-align:left;vertical-align:middle;display:inline-block;overflow:auto;padding:25px 25px 0;border-bottom:25px solid transparent;margin-left:5%;margin-right:5%;max-height:95%;background:#fff;cursor:auto;white-space:normal}.featherlight .featherlight-inner{display:block}.featherlight link.featherlight-inner,.featherlight script.featherlight-inner,.featherlight style.featherlight-inner{display:none}.featherlight .featherlight-close-icon{position:absolute;z-index:9999;top:0;right:0;line-height:25px;width:25px;cursor:pointer;text-align:center;font-family:Arial,sans-serif;background:#fff;background:rgba(255,255,255,.3);color:#000;border:0;padding:0}.featherlight .featherlight-close-icon::-moz-focus-inner{border:0;padding:0}.featherlight .featherlight-image{width:100%}.featherlight-iframe .featherlight-content{border-bottom:0;padding:0;-webkit-overflow-scrolling:touch}.featherlight iframe{border:0}.featherlight *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@media only screen and (max-width:1024px){.featherlight .featherlight-content{margin-left:0;margin-right:0;max-height:98%;padding:10px 10px 0;border-bottom:10px solid transparent}}@media print{html.with-featherlight>*>:not(.featherlight){display:none}}*,
*::after,
*::before {
	box-sizing: border-box;
}

body {
	color: #3f3f45;
	background: #f0f0f3;
	transition: background-color 0.8s;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a {
	color: #777785;
	outline: none;
	display: inline-block;
	position: relative;
	text-decoration: none;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

a:hover,
a:focus {
	text-decoration: none;
	color: #3f3f45;
}

a.link::after {
	content: '';
	position: absolute;
	top: 105%;
	width: 100%;
	border-bottom: 2px solid;
	left: 0;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
	transition: opacity 0.2s, -webkit-transform 0.2s;
	display: none;
}

a.link:hover::after {
	opacity: 0;
	-webkit-transform: translate3d(0,3px,0);
	transform: translate3d(0,3px,0);
}

a.link-discord {
	background-color: #7289da;
	padding: 8px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 0.9em;
}

a.link-discord:hover {
	color: #fff;
}

a.link-discord::after {
	border-bottom: none;
}

a.link-discord img {
	vertical-align: middle;
}

main {
	position: relative;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	overflow-x: hidden;
	width: 100vw;
	height: 100vh;
}

.hidden {
	position: absolute;
	overflow: hidden;
	width: 0;
	height: 0;
	pointer-events: none;
}


/* Icons */

.icon {
	display: block;
	width: 1.5em;
	height: 1.5em;
	margin: 0 auto;
	fill: currentColor;
}


/* Header */

.rm-header {
	position: relative;
	z-index: 1000;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	width: 100%;
	padding: 0.5em 1.25em 0.5em 0.75em;
	background: #fff;
}

.rm-header__main {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.rm-header__title {
	font-size: 1.5em;
	font-weight: 700;
	margin: 0;
	line-height: 0.8;
	padding: 0;
}

.rm-header__title img {
	vertical-align: middle;
}

.rm-header__tagline {
	padding: 0 0.5em 0 5vw;
	margin: 0 auto 0 0;
}

/* Top Navigation Style */

.rm-links {
	position: relative;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	white-space: nowrap;
}

.rm-links::after {
	content: '';
	position: absolute;
	top: 15%;
	left: 50%;
	width: 2px;
	height: 70%;
	opacity: 0.7;
	background: rgba(0, 0, 0, 0.25);
	-webkit-transform: rotate3d(0, 0, 1, 22.5deg);
	transform: rotate3d(0, 0, 1, 22.5deg);
}

.rm-icon {
	display: inline-block;
	margin: 0.5em;
	padding: 0.5em;
}

.rm-nav {
	font-weight: bold;
}

.rm-nav a {
	display: inline-block;
	margin: 0 0.5em 0 0;
}


/* Calendar */

.calendar-wrap {
	position: relative;
}

.js .calendar-wrap {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.calendar {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
	/* we always want 7 boxes in a row */
	padding: 3em calc((100vw - (7 * (7vw + 1vw)))/2);
}

.js .calendar {
	position: absolute;
	-webkit-perspective: 1000px;
	perspective: 1000px;
	padding: 0 calc((100vw - (7 * (7vw + 1vw)))/2) 5em;
}

.no-js .calendar {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}


/* Cubes container */

.cubes {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 100%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}


/* Single cube */

.cube {
	position: relative;
	display: block;
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	width: 7vw;
	height: 7vw;
	margin: 0.5vw;
}

.js .cube {
	-webkit-flex: auto;
	-ms-flex: auto;
	flex: auto;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.cube.cube--past .cube__side {
	opacity: 0.3;
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}


.js .cube:first-child {
	margin-left: calc(((7vw + 1vw) * 4) + 0.5vw);
}

.js .cube:not(.cube--inactive) {
	cursor: pointer;
}


/* cube sides and rotations */

.cube__side {
	position: absolute;
	top: 0;
	left: 0;
	width: inherit;
	height: inherit;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.cube__side--front {
	position: relative;
	-webkit-transform: translateZ(3.5vw);
	transform: translateZ(3.5vw);
}

.cube__side--back {
	-webkit-transform: rotateY(180deg) translateZ(3.5vw);
	transform: rotateY(180deg) translateZ(3.5vw);
}

.cube__side--right {
	-webkit-transform: rotateY(90deg) translateZ(3.5vw);
	transform: rotateY(90deg) translateZ(3.5vw);
}

.cube__side--left {
	-webkit-transform: rotateY(-90deg) translateZ(3.5vw);
	transform: rotateY(-90deg) translateZ(3.5vw);
}

.cube__side--top {
	-webkit-transform: rotateX(90deg) translateZ(3.5vw);
	transform: rotateX(90deg) translateZ(3.5vw);
}

.cube__side--bottom {
	-webkit-transform: rotateX(-90deg) translateZ(3.5vw);
	transform: rotateX(-90deg) translateZ(3.5vw);
}


/* Cube counters and numbers */


/* Without JS we want an auto counter */

.no-js .calendar {
	counter-reset: boxes-counter;
}

.no-js .cube {
	counter-increment: boxes-counter;
}

.no-js .cube::after {
	content: counter(boxes-counter);
}

.cube__number,
.no-js .cube::after {
	position: absolute;
	right: 0;
	bottom: 0;
}


/* canvas for snow */

.background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: 100vh;
	transition: background-color 0.8s;
}


/* title that appears on hover */

.title {
	font-size: 3.25vw;
	font-weight: 700;
	position: absolute;
	right: 3vw;
	bottom: 3vw;
	margin: 0;
	white-space: nowrap;
	pointer-events: none;
	opacity: 0;
}


/* number before title */

.title::before {
	content: attr(data-number);
	display: inline-block;
	margin-right: 0.5em;
	color: white;
}


/* letter span for animations */

[class*='letter'] {
	position: relative;
	display: inline-block;
	white-space: pre;
}

[class*='letter']:blank {
	padding-right: 10em;
}


/* content wrap */

.content {
	position: relative;
}

.js .content {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
	pointer-events: none;
}


/* individual content block */

.content__block {
	padding: 10vh 5vw;
}

.js .content__block {
	padding: 20vh 5vw;
	position: absolute;
	z-index: 100;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 85%;
	height: 100%;
	padding: 3em 0 6em 7vw;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
}

.content__title {
	font-size: 7vw;
	line-height: 0.85;
	margin: 0;
}

.content__description {
	font-size: 1.95vw;
	margin: 1em 0;
	padding: 0 0 0 5vw;
}

.content__form {
	margin: 0;
	padding: 0 0 0 8vw;
}

.content__form::before {
	/*content: '\2014';*/
}

.content__number {
	position: absolute;
}

.btn-back {
	font-size: 2em;
	line-height: 2;
	position: absolute;
	z-index: 100;
	right: 0;
	bottom: 0;
	width: 2em;
	margin: 0;
	margin: 1em;
	padding: 0;
	pointer-events: auto;
	color: currentColor;
	border: 0;
	border: 2px solid;
	background: none;
}

.btn-back:focus {
	outline: none;
}

.no-js .content__number,
.no-js .btn-back {
	display: none;
}

.js .content__block,
.js .content__description,
.js .content__form,
.js .content__number,
.js .btn-back {
	opacity: 0;
}

.js .content__block--current {
	pointer-events: auto;
	opacity: 1;
}

@media screen and (max-width: 50.75em) {
	.calendar {
		padding: 3em calc((100vw - (7 * (14vw + 1vw)))/2);
	}
	.js .calendar {
		padding: 0 calc((100vw - (7 * (12vw + 1vw)))/2) 5em;
	}
	.cube {
		width: 12vw;
		height: 12vw;
	}
	/* push to the right weekday if in big view (we have to push 3 boxes) */
	.js .cube:first-child {
		margin-left: calc(((12vw + 1vw) * 4) + 0.5vw);
	}
	.cube__side--front {
		-webkit-transform: translateZ(6vw);
		transform: translateZ(6vw);
	}
	.cube__side--back {
		-webkit-transform: rotateY(180deg) translateZ(6vw);
		transform: rotateY(180deg) translateZ(6vw);
	}
	.cube__side--right {
		-webkit-transform: rotateY(90deg) translateZ(6vw);
		transform: rotateY(90deg) translateZ(6vw);
	}
	.cube__side--left {
		-webkit-transform: rotateY(-90deg) translateZ(6vw);
		transform: rotateY(-90deg) translateZ(6vw);
	}
	.cube__side--top {
		-webkit-transform: rotateX(90deg) translateZ(6vw);
		transform: rotateX(90deg) translateZ(6vw);
	}
	.cube__side--bottom {
		-webkit-transform: rotateX(-90deg) translateZ(6vw);
		transform: rotateX(-90deg) translateZ(6vw);
	}
	.title {
		font-size: 5vw;
	}
	.content__description {
		font-size: 1.15em;
		padding: 0 0 0 0.5em;
	}
	.js .content__block {
		padding: 2em;
		width: 100%;
	}
	.btn-back {
		font-size: 1.25em;
		bottom: auto;
		top: 0;
		margin: 0.5em;
	}
}

@media screen and (max-width: 26em) {
	.rm-header {
		font-size: 0.75em;
	}
	.rm-header__tagline {
		display: none;
	}
	.rm-header__title {
		font-size: 1.5em;
	}
	.rm-nav {
		width: 100%;
		margin: 0;
		padding: 0.5em 1em;
	}
}
/* berkshire-swash-regular - latin */
@font-face {
	font-family: 'Berkshire Swash';
	font-style: normal;
	font-weight: 400;
	src: local(''),
		 url('../font/berkshire-swash-v16-latin-regular.woff2') format('woff2'),
		 url('../font/berkshire-swash-v16-latin-regular.woff') format('woff');
}
/* Raleway */

body {
	background: url(../img/moon.png) #3e1144 no-repeat center center fixed;
	background-size: contain;
	color: rgba(255, 255, 255, 0.8);
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	/* font-family: 'Berkshire Swash', sans-serif; */
}

a {
	color: #fff;
}

a:hover,
a:focus {
	color: #fbdeff;
}

.text-center {
	text-align: center;
}

.rm-header {
	background: rgba(35, 39, 42, 0.1);
	/*background: transparent;*/
	color: #fff;
	font-family: 'Berkshire Swash', serif;
	letter-spacing: 1px;
}

.rm-nav {
	position: relative;
}

.rm-header__tagline,
.rm-nav,
.content__description,
.content__form {
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.content__form .input-group {
	position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

.content__form input,
.content__form button {
	border: solid 3px #fbdeff;
	margin: 0;
	padding: 10px 15px;
	color: #fff;
	background-color: rgba(251, 222, 255, 0.5);
	width: 50%;
	height: 60px;
}

.content__form input {
	border-right-width: 0;
}

.content__form button {
	width: auto;
	border-left-width: 0;
	background-color: #fbdeff;
	font-size: 2em;
	color: #3e1144;
}

.content__form a {
	font-weight: bold;
	border-bottom: dotted 2px rgba(255, 255, 255, 0.3);
}

.content__form a:hover {
	border-bottom-style: solid;
}

.content__form .privacy {
	font-size: 12px;
	margin-top: 5px;
	width: 55%;
	display: block;
}

/*.content__form .privacy-mobile {
	display: none;
}*/

.content__form input::placeholder {
    color: rgba(255, 255, 255, 0.9);
    opacity: 1;
}

.content__form input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.9);
}

.content__form input::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.9);
}

.content__form input:focus {
	border-color: rgba(255, 255, 255, 0.9);
	outline: none;
}

.content__form input:focus + .input-group-append button {
	border-color: #3e1144;
	outline: none;
}

.content__form ul.prices {
	display: flex;
	padding-left: 0;
	list-style: none;
}

.content__form ul.prices li::before {
	font-family: "fontello";
	content: '🏉';
	margin-left: 15px;
	margin-right: 5px;
}

.content__form ul.prices li:first-child::before {
	margin-left: 0;
}

.calendar {
	-webkit-perspective: 2500px;
	perspective: 2500px;
}

.cube__side,
.no-js .cube {
	border: 3px solid #fff;
	outline: 1px solid #fff;
	background: #f0f0f0 url(../img/c1.png) no-repeat center center;
	background-size: 100px;
}

.cube:nth-child(2n) .cube__side,
.no-js .cube:not(.cube--inactive):nth-child(2n) {
	background-image: url(../img/c2.png);
}

.cube:nth-child(3n) .cube__side,
.no-js .cube:not(.cube--inactive):nth-child(3n) {
	background-image: url(../img/c3.png);
}

.cube:nth-child(4n) .cube__side,
.no-js .cube:not(.cube--inactive):nth-child(4n) {
	background-image: url(../img/c4.png);
}

.cube:nth-child(5n) .cube__side,
.no-js .cube:not(.cube--inactive):nth-child(5n) {
	background-image: url(../img/c5.png);
}

body.verified .cube--inactive .cube__side,
.no-js body.verified .cube--inactive.cube__side--front {
	/*opacity: 0.6;*/
	/*filter: grayscale(100%) contrast(50%);
	-webkit-filter: grayscale(100%) contrast(50%);*/
	filter: contrast(45%);
	-webkit-filter: contrast(45%);
	cursor: pointer;
}


/* With JS we insert a number span into the cube */

.cube__number,
.no-js .cube::after {
	font-weight: 700;
	color: #cc0019;
	background: #fff;
	width: 100%;
	text-align: center;
	top: 50%;
	height: 1.5em;
	line-height: 1.5;
	bottom: auto;
	margin: -0.75em 0 0;
}

.cube--inactive .cube__number,
.no-js .cube--inactive::after {
	color: #cac9c9;
}

.cube--inactive .cube__number .icon-lock,
.no-js .cube--inactive::after {
	color: #cc0019;
	-webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.js .content__block {
	width: 100%;
	padding: 0 5vw 0 20vw;
}

.js .content__description {
	padding: 0 0 0 4vw;
}

.content__number {
	color: #000;
	font-weight: bold;
	line-height: 0.5;
	letter-spacing: -0.175em;
	font-size: 30vw;
	left: -5vw;
	bottom: 8vh;
}

.content__title {
	font-size: 6vw;
}

.content__title .icon-bluesky,
.content__title .icon-bluesky svg {
	width: 0.6em;
	height: 0.6em;
	color: #0285FF;
	fill: #0285FF;
}

@media screen and (max-width: 50.75em) {
	.content__title .icon-bluesky,
	.content__title .icon-bluesky svg {
		width: 1em;
		height: 1em;
	}
}

.title {
	color: #fbdeff;
	right: auto;
	left: 3vw;
	font-family: 'Berkshire Swash', serif;
	letter-spacing: 1px;
}

.your-results {
	display: inline-block;
	margin: 0;
	border: solid 1px rgba(255, 255, 255, 0.5);
    background: rgba(255, 255, 255, 0.1);
    padding: 2px 5px;
}

.rm-overlay {
	position: fixed;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.8);
    z-index: 2;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
    align-items: center;
	text-align: center;
}

.rm-overlay > div > div {
	padding: 70px 30px 30px 30px;
	overflow: auto;
	max-height: 100vh;
}

.rm-overlay > div ul {
	list-style: none;
	padding: 0;
}

.sparkle {
	display: inline-block;
}

.notifyjs-bootstrap-base {
	font-size: 12px;
	text-align: left;
}

.featherlight {
	backdrop-filter: brightness(0.5) blur(10px);
}

.featherlight .featherlight-content h2 {
	/* font-family: 'Berkshire Swash', serif; */
	letter-spacing: 2px;
}

.featherlight .featherlight-content {
	/* background-color: rgba(6, 88, 128, 0.9); */
	background-color: rgba(120, 32, 130, 0.9);
}

.featherlight .featherlight-content img {
	max-width: 100%;
}

.featherlight.winnermodal .featherlight-content {
	text-align: center;
}

.featherlight.winnermodal .featherlight-content ul {
	list-style: none;
}

.featherlight.pricemodal .featherlight-content {
	max-width: 1000px;
	background-color: #3E1144;
	color: #fff;
}

.featherlight.pricemodal .featherlight-content img {
	outline: dotted 3px rgba(255, 255, 255, 0.1);
}

.featherlight.pricemodal .featherlight-content strong {
	background-color: rgba(255, 255, 255, 0.7);
    color: #3E1144;
    padding: 1px 2px;
}

.featherlight.pricemodal .featherlight-content .row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}

.featherlight.pricemodal .featherlight-content .row .col {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 50%;
	max-width: none;
	line-height: 1.4;
}

.progressoverview-responsive {
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

.progressoverview {
	width: 100%;
	display: table !important;
	border-collapse: separate;
    border-spacing: 1px;
}

.progressoverview td {
	text-align: center;
	background-color: rgba(0,0,0,0.1);
	padding: 5px 2px;
	font-family: monospace;
}

.progressoverview td.act {
	background-color: rgba(0,0,0,0.2);
}

.progressoverview td.found {
	background-color: rgba(0, 153, 0, 0.4);
}

.progressoverview td.missed {
	background-color: rgba(153, 0, 0, 0.4);
}

.progressoverview td.none {
	opacity: 0.6;
}

.progressoverview td.help {
	cursor: help;
}

#props {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 10px 0;
	text-align: center;
	opacity: 0.2;
	font-size: 0.8em;
	z-index: 101;
}

#props,
#props a {
	color: #fff;
}

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

@media (prefers-reduced-motion) {
  .animated {
    -webkit-animation: unset !important;
    animation: unset !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
}

@media screen and (max-width: 50.75em) {
	.rm-header,
	.rm-header__main {
		display: block;
		text-align: center;
	}
	
	.rm-nav a.link-loggedin .desktop {
		display: none;
	}
	
	h1 {
	    font-size: 1.3em;
	}

	a.link-discord {
		margin-top: 10px;
	}
	
	.content__form input,
	.content__form button {
		height: 40px;
	}
	
	.content__form input {
		width: 70%;
	}
	
	.content__form button {
		font-size: 1.5em;
	    padding: 0 5px;
	}
	
	.content__form .privacy {
		width: 100%;
	}

	.content__form .privacy.privacy-desktop {
		display: none;
	}

	.content__form .privacy.privacy-mobile {
		display: block;
	}

	.js .content__block {
		padding: 2em 2em 0;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		overflow: auto;
	}
	
	.content__number {
		bottom: 1vh;
	}
	
	.featherlight .featherlight-content {
		width: 98%;
	}

	.featherlight.pricemodal .featherlight-content .row .col {
		width: 100%;
	}

	#props {
		display: none;
	}
}

.darknet-button {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 5px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 0px;
    background: rgba(0,0,0,0.1);
	text-decoration: none;
	font-size: small;
}

.darknet-button:hover,
.darknet-button:focus {
    background: rgba(0,0,0,0.3);
}