@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap');
#stefanushosea {     
	animation: optics .5s normal ease-in-out;
	-webkit-animaton: optics .5s normal ease-in-out;
	cursor:url(cursor.png), auto;
}
#stefanushosea a,button,href,.accordion:hover{
	cursor:url(cursor-a.png), auto;
}
*{
	letter-spacing: -.25px !important;
}
body {
	width:100%;
	margin: 0;
	color:#fff;
	font-family: 'Poppins', sans-serif;
	background-color: #000;
}
.hcstudio{
	filter: brightness(0) saturate(100%) invert(45%) sepia(19%) saturate(3815%) hue-rotate(301deg) brightness(102%) contrast(102%);
	margin-left: 5px;
}
.w10k .sundayrun{
	background-image: url('pink.webp'),linear-gradient(rgba(0,0,0,0) 30%,rgba(0,0,0,.5));
	background-blend-mode: multiply;
	background-size: 150%;
	background-repeat: repeat;
	background-color: #fff;
	padding: 10px;
	color: #fff;
	text-shadow: 0px 0px 7px #000;
	border-color: #e8006b;
	border-width: 3px;
	border-radius: 20px;
	font-size: .75em;
	padding: 15px 20px 17.5px;
	line-height: 1.25;
	max-width: 250px;
	animation: sundayrun 1s ease infinite;
	-webkit-animation: sundayrun 1s ease infinite;
}
.sundayrun+.trainingsession{
	margin-top: .5em;
}
.regular .trainingsession{
	background-image: url('../assets/images/2025_cyan.jpg'),linear-gradient(rgba(0,0,0,0) 30%,rgba(0,0,0,.5));
	background-blend-mode: multiply;
	background-size: 100%;
	background-repeat: repeat;
	background-color: #fff;
	padding: 10px;
	color: #fff;
	text-shadow: 1px 1px 0px #000,
				-1px 1px 1px #000,
				-1px -1px 0 #000,
				1px -1px 0 #000;
	border-color: #e8006b;
	border-width: 3px;
	border-radius: 20px;
	font-size: 1em;
	padding: 15px 20px 17.5px;
	line-height: 1;
	max-width: 250px;
	animation: trainingsession 1.25s ease infinite;
	-webkit-animation: trainingsession 1.25s ease infinite;
}
/*.w10k .sundayrun::after{ 
	content: ' ';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 15px;
	background-image:linear-gradient(rgba(0,0,0,.05),rgba(0,0,0,.75));
	background-blend-mode: overlay;
}*/    
.w10k .sundayrun .info{
	position: relative;
	z-index: 1;
}
.w10k .sundayrun:hover{
	color: #fff;
	border-color: #fff;
	background-image: url('pink.webp'),linear-gradient(rgba(0,0,0,.5) 30%,rgba(0,0,0,.85));
	background-blend-mode: multiply;
	background-size: 150%;
	background-repeat: repeat;
	background-color: #fff;
}
.regular .trainingsession:hover{
	color: #fff;
	border-color: #49d0d4;
	background-image: url('../assets/images/2025_cyan.jpg'),linear-gradient(rgba(0,0,0,.5) 30%,rgba(0,0,0,.85));
	background-blend-mode: multiply;
	background-size: 100%;
	background-repeat: repeat;
	background-color: #fff;
}
.sundayrun img{
	max-width: 100px;
	width: 100%;
}
.trainingsession img{
	max-width: 111px;
	width: 100%;
}
#stefanushosea .outofstock{
	pointer-events: none;
	animation: none;
	-webkit-animation: none;
	filter:grayscale(.75)brightness(1.1);
	-webkit-filter:grayscale(.75)brightness(1.1);
}
.sundayrun:hover img,.regular .trainingsession:hover img{
	filter:invert(1);
	-webkit-filter:invert(1);
}
.morningrun{
	background-image: url('/assets/event/morningrun_bg.webp');
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #fff;
	padding: 10px;
	color: #000;
	border-color: #7739ff;
	border-width: 5px;
	border-radius: 20px;
	font-size: .75em;
	margin-top: 1em;
	padding: 15px 20px 17.5px;
	line-height: 1.25;
	max-width: 250px;
	transition: all .25s ease;
	animation: morningrun 1s ease infinite;
	-webkit-animation: morningrun 1s ease infinite;
}
.morningrun:hover{
	background-image: url('/assets/event/morningrun_bg.webp');
	background-color: #fff;
	color: #000;
	border-color: #7739ff;
}
.morningrun_logo{
	width: 100%;
	max-width: 100px;
	margin: .5em auto;
}
.morningrun_feat{
	width: 100%;
	max-width: 75px;
}
.morningrun span{
	padding: 0 5px
}
.morningrun:hover span{
	background: #000;
	color: #fff;
}
.summerclub img{
	width: 100%;
	max-width: 55px;
	margin: -15px auto 0;
	transform: rotate(45deg);
}
.summerclub:hover img{
	transform: rotate(35deg)scale(.9);
	filter: invert(0)brightness(1.25);
}
@keyframes morningrun{
	0% {border-color: #7739ff;transform: scale(1)}
	50% {border-color: #5723ff;transform: scale(.98);}
	100% {border-color: #7739ff;transform: scale(1)}
}
@-webkit-keyframes morningrun{
	0% {border-color: #7739ff;transform: scale(1)}
	50% {border-color: #5723ff;transform: scale(.98);}
	100% {border-color: #7739ff;transform: scale(1)}
}
@keyframes sundayrun{
	0% {border-color: #e8006b;transform: scale(1)}
	50% {border-color: #fff;transform: scale(.98);}
	100% {border-color: #e8006b;transform: scale(1)}
}
@-webkit-keyframes sundayrun{
	0% {border-color: #e8006b;transform: scale(1)}
	50% {border-color: #fff;transform: scale(.98);}
	100% {border-color: #e8006b;transform: scale(1)}
}
@keyframes trainingsession{
	0% {border-color: #e09dfb;transform: scale(1)}
	50% {border-color: #49d0d4;transform: scale(.98);}
	100% {border-color: #e09dfb;transform: scale(1)}
}
@-webkit-keyframes trainingsession{
	0% {border-color: #e09dfb;transform: scale(1)}
	50% {border-color: #49d0d4;transform: scale(.98);}
	100% {border-color: #e09dfb;transform: scale(1)}
}
.link:hover .hcstudio{
	filter: grayscale(1);
	-webkit-filter:grayscale(1);
}
.element_flower{
	width: 100%;
	max-width: 300px;
	height: 200px;
	display: block;
	position: fixed;
	top: -25px;
	right: -25px;
	background-image: url(flower.webp);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: contain;
	opacity: 0;
}
.element_w{
	width: 100%;
	max-width: 250px;
	height: 250px;
	display: block;
	position: fixed;
	bottom: -25px;
	left: -25px;
	background-image: url(www.webp);
	background-position: bottom left;
	background-repeat: no-repeat;
	background-size: contain; 
	opacity: 0;
 }
.element_flower {
	-webkit-animation: blurin 1s ease .35s,
	flower 1.5s ease-in-out infinite 1s;
	animation: blurin 1s ease .35s,
	flower 1.5s ease-in-out infinite 1s;
}
.element_w {
	-webkit-animation: blurin 1s ease .5s,
	www 1.5s ease-in-out infinite 1.25s;
	animation: blurin 1s ease .5s,
	www 1.5s ease-in-out infinite 1.25s;
}
.container {
	width: 100%;
	position: absolute;
	text-align: center;
	padding: 2.5em 0;
}
.vertical {
	border-left: 2px solid white;
	height: 35px;
	position: relative;
	left: 50%;
	margin: .5em 0;
}
*{scroll-behavior: smooth;}
img{transition: all .5s}
img{user-drag: none; user-select: none;-moz-user-select: none;-webkit-user-drag: none;-webkit-user-select: none;-ms-user-select: none;}
::-moz-selection {
	background-color: transparent;
	color: #ff774d;
	text-shadow: none;
}
::selection {
	background-color: transparent;
	color: #ff774d;
	text-shadow: none;
}
a {
	color: #d8ff64;
}
@keyframes optics {
	from { 	opacity: 0;
		  transform:scale(.95);
		filter: blur(10px);
		   -webkit-filter: blur(10px);}
	to   { 	opacity: 1; 
		  transform:scale(1);
		filter: blur(0px);
		   -webkit-filter: blur(0px);}
}
@-webkit-keyframes optics {
	from { 	opacity: 0;
		  transform:scale(.95);
		filter: blur(10px);
		   -webkit-filter: blur(10px);}
	to   { 	opacity: 1; 
		  transform:scale(1);
		filter: blur(0px);
		   -webkit-filter: blur(0px);}
}
@keyframes fadein {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes fadein {
	0% {
	opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes initial {
	0% {
		opacity: 0;
		filter:blur(10px);
		-webkit-filter:blur(10px);
	}
	100% {
		opacity: 1;
		filter:blur(0px);
		-webkit-filter:blur(0px);
	}
}
@-webkit-keyframes initial {
	0% {
		opacity: 0;
		filter:blur(10px);
		-webkit-filter:blur(10px);
	}
	100% {
		opacity: 1;
		filter:blur(0px);
		-webkit-filter:blur(0px);
	}
}
@keyframes blurin {
	0% {
		opacity: 0;
		transform:scale(1.25);
		filter:blur(10px);
		-webkit-filter:blur(10px);
	}
	100% {
		opacity: 1;
		transform:scale(1);
		filter:blur(0px);
		-webkit-filter:blur(0px);
	}
}
@-webkit-keyframes blurin {
	0% {
		opacity: 0;
		transform:scale(1.25);
		filter:blur(10px);
		-webkit-filter:blur(10px);
	}
	100% {
		opacity: 1;
		transform:scale(1);
		filter:blur(0px);
		-webkit-filter:blur(0px);
	}
}

@-webkit-keyframes breathe {
	0% {
	transform:scale(.95) rotate(-3deg);
	}
	50% {
	transform:scale(1) rotate(3deg);
	}
	100% {
	transform:scale(.95) rotate(-3deg);
	}
	}
@keyframes breathe {
	0% {
	transform:scale(.95) rotate(-3deg);
	}
	50% {
	transform:scale(1) rotate(3deg);
	}
	100% {
	transform:scale(.95) rotate(-3deg);
	}
	}
@-webkit-keyframes www {
	0% {
	opacity: 1
	}
	50% {
		transform: rotate(-5deg) translateY(10px);
		filter: blur(1px);
		-webkit-filter: blur(1px);
		opacity: 1
	}
	100% {
		opacity: 1
	}
	}
@keyframes www {
	0% {
		opacity: 1
	}
	50% {
		transform: rotate(-5deg) translateY(10px);
		filter: blur(1px);
		-webkit-filter: blur(1px);
		opacity: 1
	}
	100% {
		opacity: 1
	}
	}
@-webkit-keyframes zoom {
	0% {
	 	filter: blur(0px);
	 	-webkit-filter: blur(0px);
	}
	50% {
	 	transform: scale(.95);
		 filter: blur(1px);
		 -webkit-filter: blur(1px);
	}
	100% {
		filter: blur(0px);
	    -webkit-filter: blur(0px);
	}
	}
@keyframes zoom {
	0% {
	 filter: blur(0px);
	 -webkit-filter: blur(0px);
	}
	50% {
		transform: scale(.95);
		filter: blur(1px);
		-webkit-filter: blur(1px);
	}
	100% {
		filter: blur(0px);
		-webkit-filter: blur(0px);
	}
	}
@-webkit-keyframes flower {
	0% {opacity: 1}
	50% {
	 transform: rotate(2deg) translatey(-15px);
	  filter: blur(2px);
	  -webkit-filter: blur(2px);
	  opacity: 1
	}
	100% {opacity: 1}
	}
@keyframes flower {
	0% {opacity: 1}
	50% {
	 transform: rotate(2deg) translatey(-15px);
	   filter: blur(2px);
	   -webkit-filter: blur(2px);
	   opacity: 1
	}
	100% {opacity: 1}
	}
@-webkit-keyframes up {
		0% {
			transform: rotate(2deg) 
		}
		50% {
			transform: rotate(-2deg) scale(1.025);
			color: #fff;
		}
		100% {
			transform: rotate(2deg) 
		}
		}
@keyframes up {
		0% {
			transform: rotate(2deg) 
		}
		50% {
			transform: rotate(-2deg) scale(1.025);
			color: #fff;
		}
		100% {
			transform: rotate(2deg) 
		}
		}
@-webkit-keyframes go {
		0% {
		transform:scale(1) rotate(2deg);
		color: #ff4d9e;
		border-color: #ff4d9e;
		}
		50% {
		transform:scale(1.01) rotate(0deg);
		background-image:url('pink.webp');
		background-size: cover;
		background-color: #ff4d9e;
		color: #000;
		border-color: #ff4d9e
		}
		100% {
		transform:scale(1) rotate(2deg);
		color: #ff4d9e;
		border-color: #ff4d9e;
}
}
@keyframes go {
		0% {
		transform:scale(1) rotate(2deg);
		color: #ff4d9e;
		border-color: #ff4d9e;
		}
		50% {
		transform:scale(1.01) rotate(0deg);
		background-image:url('pink.webp');
		background-size: cover;
		background-color: #ff4d9e;
		color: #000;
		border-color: #ff4d9e
		}
		100% {
		transform:scale(1) rotate(2deg);
		color: #ff4d9e;
		border-color: #ff4d9e;
}
}
@-webkit-keyframes boing {
	  	0% {
		  transform:scale(1) rotate(-2deg);
		  color: #d8ff64;
		  border-color: #d8ff64;
		}
		50% {
		transform:scale(1.01) rotate(0deg);
		background-image:url('pink.webp');
		background-size: cover;
		background-color: #ff4d9e;
		color: #000;
		border-color: #ff4d9e
		}
		100% {
		transform:scale(1) rotate(-2deg);
		color: #d8ff64;
		border-color: #d8ff64;
  }
}
@keyframes boing {
	  	0% {
		  transform:scale(1) rotate(-2deg);
		  color: #d8ff64;
		  border-color: #d8ff64;
		}
		50% {
		transform:scale(1.01) rotate(0deg);
		background-image:url('pink.webp');
		background-size: cover;
		background-color: #ff4d9e;
		color: #000;
		border-color: #ff4d9e
		}
		100% {
		transform:scale(1) rotate(-2deg);
		color: #d8ff64;
		border-color: #d8ff64;
  }
}
@keyframes boingimg {
  0% {
	filter: brightness(0) saturate(100%) invert(100%) sepia(51%) saturate(2109%) hue-rotate(20deg) brightness(105%) contrast(102%);
  }
  50% {
	filter: none;

  }
  100% {
	filter: brightness(0) saturate(100%) invert(100%) sepia(51%) saturate(2109%) hue-rotate(20deg) brightness(105%) contrast(102%);
  }
}
@-webkit-keyframes boingimg {
	0% {
		filter: brightness(0) saturate(100%) invert(100%) sepia(51%) saturate(2109%) hue-rotate(20deg) brightness(105%) contrast(102%);
		}
	50% {
	filter: none;

	}
	100% {
	filter: brightness(0) saturate(100%) invert(100%) sepia(51%) saturate(2109%) hue-rotate(20deg) brightness(105%) contrast(102%);
	}
}

.w10k{
	max-width: 500px;
	padding: 0 1.5em;
	margin: auto;
	text-align: center;
}
.sublogo{
	width:100%;
	max-width: 180px;
	display: block;
	margin: 0 auto 1em;
	-webkit-animation: zoom 1.25s ease-in-out infinite;
	animation: zoom 1.25s ease-in-out infinite;
}
.logo{
	width:100%;
	max-width: 333px;
	-webkit-animation: up 1s ease infinite;
	animation: up 1s ease infinite;
}
.theme{
	  width:100%;
	  max-width: 333px;
	  -webkit-animation: zoom 2s ease infinite;
	  animation: zoom 2s ease infinite;
}
.category{
	width: 100%;
	max-width: 150px;
	margin: -.5em auto 0;
	background: #d8ff64;
	color: #000;
	font-weight: 600;
	font-size: 1.5em;
	-webkit-animation: breathe 1s ease infinite;
	animation: breathe 1s ease infinite;
	transition: all .5s ease;
}
.category:hover{
	background: #ff774d
}
#about h1{
		font-size: 1.5rem;
		text-transform: none;
		font-weight: 100;
		color: #ff4d9e;
		line-height: 1.25;
		max-width: 250px;
		margin: 1em auto 1.5em;
		-webkit-animation: up 2s ease infinite;
		animation: up 2s ease infinite;
}
#about h1 span{
	-webkit-animation: green 2s ease infinite;
	animation: green 2s ease infinite;
}
h1{
	  font-size: 1.08rem;
	  line-height: 1.35;
	  text-transform: uppercase;
	  max-width: 300px;
	  text-align: justify;
	  text-align-last: justify;
	  margin: 0 auto 0.5em;
	  color: #fff;
	  letter-spacing: -0.5px;
	  transition: all .5s ease;
}
h2{
	  font-size: .97rem;
	  line-height: 1.35;
	  font-weight: 300;
	  text-transform: uppercase;
	  max-width: 300px;
	  text-align: justify;
	  text-align-last: justify;
	  margin: 0 auto 0.15em;
	  color: #fff;
	  letter-spacing: -0.5px;
	  transition: all .5s ease;
}
h1 span{
	  color: #47d1d4;
	  transition: all .5s ease;
}
h2 span{
	  color: #d8ff64;
	  transition: all .5s ease;
}
h1 a{
	  text-decoration:none;
}
h1 a:hover span{
	  color: #bf96fe;
}
h1:hover{
	color: #47d1d4;
}
h1:hover span{
	color: #fff;
}
h2:hover{
	color: #d8ff64;
}
h2:hover span{
	color: #fff;
}
h3{
	  margin: 1em 0 0.75em;
	  border-top: solid 1px #d8ff64;
	  padding-top: 1.5em;
	  font-size: 1rem;
	  font-weight: 700;
	  margin-bottom: 1em;
	  text-transform: uppercase;
	  letter-spacing: 2px;
	  line-height: 1.25;
	  transition: all .5s ease;
}
h3:hover,.support p:hover{
	color:#ff4d9e;
	border-color: #fff;
}
h3 span,.support p span{
	  font-style: italic;
	  font-weight: normal;
	  letter-spacing: 1px;
	  padding-right: 1.5px;
}

#about{margin: 0 auto 1em;
	   max-width: 25rem;
}
#about img{display:block;
		   width:100%;
		   max-width:500px;
		   margin:0;
		   transition: all .25 ease;
		   }
#about img:hover{transform: scale(1.025);
				  opacity: .8;
				  }

.social{margin: 0 .5em;transition: all .5s}
.social:hover{opacity: .5}
#links {
	margin: 1.5em auto;
}
.main{
  margin-bottom: 1.5em;
}
.main .link span{
  font-size: .75rem;
}
.link{
	display: block;
	background-color: rgba(0,0,0,.5);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	color: #ff4d9e;
	text-align: center;
	margin-bottom: 7.5px;
	padding: 7.5px 12.5px;
	text-decoration: none;
	font-size: 1.75rem;
	line-height: 1.5;
	letter-spacing: -0.5px;
	transition: all .25s ease;
	border: solid 5px #ff4d9e;
	max-width: 300px;
	margin: 0 auto .15em;
}
.guide{
	transform: scale(.9) rotate(.5deg);
}
.redeem{
	transform: scale(.9) rotate(-.5deg);
	line-height: 1.15;
	padding: .55em .5em .3em;
}
.faq{
	transform: scale(.9) rotate(-.75deg)
}
.cause{
	transform: scale(.9) rotate(-.35deg)
}
.merch{
	transform: scale(.9) rotate(.25deg)
}
.gallery{
	transform: scale(.9) rotate(1deg)
}
.playground .link{margin-bottom:5px}
.link span{font-size:.75rem;line-height: 1}
.tokopedia{color:#03ac0e;background-color: #fff;border-color:#03ac0e}
.spotify{color: #000;background-color: #1bd760;border-color: #000}
.strava{color:#fff;background-color: #fc4c02;border-color:#fff}
.link:hover {
	background-image:url('pink.webp');
	background-size: cover;
	background-color: #ff4d9e;
	color: #000;
	transform:scale(.96);
}
.disabled{
  pointer-events: none;
  opacity: .75;
}
.now{
  color: #ff4d9e;
  border-color: #d8ff64;
  -webkit-animation: boing 1s ease infinite;
  animation: boing 1s ease infinite;
}
.now img{
	-webkit-animation: boingimg 1s ease infinite;
	animation: boingimg 1s ease infinite;
}
/* Pause both animations on hover */
.now:hover, .now:hover img {
    animation-play-state: paused;
    -webkit-animation-play-state: paused;
}
/* Reset animation delay on hover out */
.now:not(:hover) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.now:not(:hover) img {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
.blibli{
	width:55px;
	margin:0 0 -3px .25em;
}
.go{
	-webkit-animation: go 1s ease infinite;
	animation: go 1s ease infinite;
}
.go:hover,.now:hover{
	color:#000 !important
}
.now:hover img{
	animation: none
}
.footer {
	text-align: center;
	font-size: 1.3rem;
}

.footer a {
	text-decoration:none;
}
.support{
	padding-bottom:1em;
	border-bottom: solid 1px #fff;
	margin-bottom:1em
}
.support p{
	margin: 1.5em 0 1em;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight:700;
	transition: all .5s ease;
}
.support img:hover{transform: scale(1)}
.support img{transform: scale(.9);height: 100%;max-height: 20px;margin:0 .5em;padding: 2px 0}

.playground .support img{filter: brightness(0);-webkit-filter: brightness(0);}
.playground .support{border-color:#000}

#half {display: flex}
#half .link{width: 50%;margin-right: 5px}
#half .link:last-child{margin-right: 0}
#half .link:first-child{}

#third {display: flex}
#third .link{width: 33.33%;margin-right: 5px}
#third .link:last-child{margin-right: 0}
#third .link:first-child{}

#countdown h1{margin-top:1.5em}
.countdown p{font-size: .75em}
ul{padding-inline-start: 0;margin: 0}
li {
  display: inline-block;
  font-size: 1em;
  list-style-type: none;
  padding: .5em 1em;
  font-weight: 700;
}
.playground li{
  color: #ff774d;
}
li span {
  display: block;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1;
  color: #d8ff64;
}


/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: transparent;
  font-family: inherit;
  color: #47d1d4;
  cursor: pointer;
  padding: 10px 15px;
  width: 100%;
  text-align: left;
  border: 0px;
  border-bottom: solid 2px #d8ff64;
  outline: none;
  transition: 0.4s;
  font-size: .85rem;
  line-height: 1.5
}
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover,.accordion:active,.accordion:focus,.accordion:target,.accordion:visited{
  background-color: transparent;
  color: #d8ff64;
  border-color: #47d1d4;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  background-color: rgba(234, 153, 255, .25);
  backdrop-filter: blur(5px);
  text-align: justify;
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.panel p{
  font-size: .75rem;
  line-height: 1.5
}
.panel p a{
  text-decoration: none;
  color:#ff4d9e;
  transition: all .5s;
}
.panel p a:hover{
  color:#ea99ff;
}
.panel.closing {
    max-height: 0; /* Ensure the close animation works */
}

.sponsors{
	margin: 1.5em 0 1em;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 700;
}
.sponsors p{
	margin: 1.5em 0 1em;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 700;
}
.sponsors p span{
	font-style: italic;
	font-weight: normal;
	letter-spacing: 1px;
	padding-right: 1.5px;
}
.sponsors img{
	width:100%
}
.no-mobile{
	font-style:normal
}
@media(max-width:768px){
   .no-mobile{display:none !important}
}

@media all and (max-width: 1000px) {
  body{
	background-size: 150%; 
  }
}
@media all and (min-width: 1350px) {
  body.playground{
	background-size: 75%; 
  }
}
@media all and (min-width: 1850px) {
  body.playground{
	background-size: 68%; 
  }
}
@media all and (min-width: 2030px) {
  body.playground{
	background-size: 55%; 
  }
}

@media all and (max-width: 768px) {
	@keyframes blurin {
		0% {
			opacity: 0;
			transform:scale(1.25);
			filter:blur(30px);
			-webkit-filter:blur(30px);
		}
		100% {
			opacity: .35;
			transform:scale(1);
			filter:blur(10px);
			-webkit-filter:blur(10px);
		}
	}
	@-webkit-keyframes blurin {
		0% {
			opacity: 0;
			transform:scale(1.25);
			filter:blur(30px);
			-webkit-filter:blur(30px);
		}
		100% {
			opacity: .35;
			transform:scale(1);
			filter:blur(10px);
			-webkit-filter:blur(10px);
		}
	}
	@-webkit-keyframes www {
		0% {
			filter: blur(10px);
			-webkit-filter: blur(10px);
			opacity: .5
		}
		50% {
			transform: rotate(-5deg) translateY(10px);
			filter: blur(5px);
			-webkit-filter: blur(5px);
			opacity: .5
		}
		100% {
			filter: blur(10px);
			-webkit-filter: blur(10px);
			opacity: .5
		}
		}
	@keyframes www {
		0% {
			filter: blur(10px);
			-webkit-filter: blur(10px);
			opacity: .5
		}
		50% {
			transform: rotate(-5deg) translateY(10px);
			filter: blur(5px);
			-webkit-filter: blur(5px);
			opacity: .5
		}
		100% {
			filter: blur(10px);
			-webkit-filter: blur(10px);
			opacity: .5
		}
		}
	@-webkit-keyframes flower {
		0% {
			filter: blur(10px);
			-webkit-filter: blur(10px);
			opacity: .5
		}
		50% {
		 transform: rotate(2deg) translatey(-15px);
		   filter: blur(5px);
		   -webkit-filter: blur(5px);
		   opacity: .5
		}
		100% {
			filter: blur(10px);
			-webkit-filter: blur(10px);
			opacity: .5
		}
		}
	@keyframes flower {
		0% {
			filter: blur(10px);
			-webkit-filter: blur(10px);
			opacity: .5
		}
		50% {
		 transform: rotate(2deg) translatey(-15px);
		   filter: blur(5px);
		   -webkit-filter: blur(5px);
		   opacity: .5
		}
		100% {
			filter: blur(10px);
			-webkit-filter: blur(10px);
			opacity: .5
		}
		}
	.logo{
		max-width: 250px;
	}
	li {
		font-size: .75em;
	}
	li span {
		font-size: 2em;
	}
	.link {
		font-size: 1.5rem;
		max-width: 65%;
	}
	.link span{
		font-size:.65rem
	}
	h1{
		font-size: .95rem;
		max-width: 320px;
	}
	h2{
		font-size: .85rem;	
		max-width: 320px;
	}
}