:root {
	--text-color: #002b50;
	--highlight-color: #ba01ff;
	--bg-color: #fdf0ff;
	--bg-color-accent: #f8ccfe;
	--max-width: 1624px;
	--breakpoint-mobile: 500px
}

* {
	box-sizing: border-box
}

body,
html {
	padding: 0;
	margin: 0;
	font: 400 16px/1.4 Arial, Helvetica, sans-serif;
	min-width: 1100px;
	margin: 0 auto;
}

html {
	background: var(--bg-color);
	color: var(--text-color)
}

a {
	color: inherit
}

@font-face {
	font-family: Cabin Sketch;
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(cabinsketch.77f07bc1.woff2) format("woff2");
	unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

.Footer_footer__x7vJd {
	background-color: var(--highlight-color);
	padding: 5px 0;
	margin: 60px 0;
	position: relative
}

.Footer_footer__x7vJd:after,
.Footer_footer__x7vJd:before {
	content: "";
	background: url(../img/footer_waves.svg) 50% 0 repeat-x;
	width: 100%;
	height: 45px;
	position: absolute;
	left: 0
}

.Footer_footer__x7vJd:before {
	transform: rotate(180deg);
	bottom: 99%
}

.Footer_footer__x7vJd:after {
	top: 99%
}

.Footer_footerContent__TylyS {
	max-width: var(--max-width);
	margin: 0 auto;
	padding: 0 30px;
	color: #fff;
	font-size: 18px;
	text-align: center
}

.Footer_footer__x7vJd p {
	color: #fff;
	font-size: 18px;
	text-align: center
}

.Footer_logo__9F3Kw {
	display: block;
	width: 155px;
	height: 70px;
	background: url(//img.poki-cdn.com/logo-poki-kids-footer.svg) no-repeat;
	text-indent: -999em;
	margin: 0 auto
}

.Footer_link__iAQvP {
	display: inline-block;
	margin: 10px
}

.Footer_disclaimer__IunU_ {
	max-width: 1340px;
	padding: 0 30px;
	font-size: 15px;
	margin: 30px auto;
	text-align: center
}

.Footer_disclaimerChar__zRgVM {
	width: 98px;
	height: 91px
}

.Footer_disclaimerChar__zRgVM:hover {
	animation: Footer_danceLikeNobodysWatching__LD7iE 1s ease infinite alternate
}

.Footer_disclaimerText__nLeUL {
	margin: 20px
}

@media(min-width:1000px) {
	.Footer_disclaimer__IunU_ {
		display: flex;
		align-items: center;
		flex-shrink: 0;
		text-align: left
	}

	.Footer_disclaimerText__nLeUL {
		margin: 0 10px
	}

	.Footer_footerContent__TylyS {
		display: flex;
		align-items: center
	}

	.Footer_logo__9F3Kw {
		margin: 0
	}

	.Footer_link__iAQvP {
		display: block;
		margin: 0 0 0 60px;
		text-decoration: none
	}
}

@keyframes Footer_danceLikeNobodysWatching__LD7iE {
	0% {
		transform: rotate(-2deg) scale(1.002);
		filter: drop-shadow(-30px 10px 14px #4444dd)
	}

	20% {
		transform: rotate(3deg) scale(.95);
		filter: drop-shadow(10px 20px 24px #fcba03)
	}

	50% {
		transform: rotate(-1deg) scale(1.002);
		filter: drop-shadow(-20px -10px 10px #fc0303)
	}

	70% {
		transform: rotate(1deg) scale(.99);
		filter: drop-shadow(30px 0 30px #4444dd)
	}

	90% {
		transform: rotate(4deg) scale(1.002);
		filter: drop-shadow(10px -5px 40px #fc0303)
	}
}

.Header_header__SQD4u {
	padding: 10px 0 0;
	margin: 0 0 80px;
	background: #ffff5a;
	position: relative
}

.Header_header__SQD4u:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background: url(../img/header_waves.svg) 50% 0 repeat-x;
	height: 45px
}

.Header_content__aRd6r {
	max-width: var(--max-width);
	margin: 0 auto;
	padding: 0 30px;
	overflow: hidden
}

.Header_logo__0BY1u {

	margin: 0 auto
}


.logo img {
	height: 50px;
}

@keyframes Header_octopusAnimation__jY0Fu {
	0% {
		transform: translate(-20px) scale(1.03) rotate(-1deg)
	}

	33% {
		transform: translate(-10px, 5px) scale(.99) rotate(1deg)
	}

	66% {
		transform: translate(10px, -3px) scale(1.01)
	}

	to {
		transform: translate(20px) scale(1) rotate(-6deg)
	}
}

@media(min-width:500px) {
	.Header_logo__0BY1u {
		margin: 0
	}

	.Header_content__aRd6r {
		position: relative
	}

	.Header_content__aRd6r:before {
		content: "";
		position: absolute;
		top: 5px;
		right: 60px;
		width: 84px;
		height: 60px;
		background: url(../img/character-octopus.gif);
		will-change: transform;
		background-size: 100%;
		animation: Header_octopusAnimation__jY0Fu 3s infinite alternate
	}
}

@media(min-width:1000px) {
	.Header_header__SQD4u:before {
		content: "";
		position: absolute;
		bottom: -95px;
		left: 60%;
		width: 155px;
		height: 150px;
		background: url(/images/header_splash.svg);
		background-size: 100%
	}
}

.App_container__vctn8 {
	min-height: 100vh
}