@font-face{
	font-family: 'Rubik Regular';
	src: url('fonts/Rubik-Regular.eot');
	src: url('fonts/Rubik-Regular.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Rubik-Regular.woff') format('woff'),
		 url('fonts/Rubik-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'Rubik Medium';
	src: url('fonts/Rubik-Medium.eot');
	src: url('fonts/Rubik-Medium.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Rubik-Medium.woff') format('woff'),
		 url('fonts/Rubik-Medium.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'Rubik Bold';
	src: url('fonts/Rubik-Bold.eot');
	src: url('fonts/Rubik-Bold.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Rubik-Bold.woff') format('woff'),
		 url('fonts/Rubik-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
html{
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-webkit-text-size-adjust: none;
}
* {
	-webkit-tap-highlight-color: transparent;
}
html, body{
	margin: 0;
	padding: 0;
}
body{
	position: relative;
	margin: 0 auto;
	width: 100%;
	background: var(--color-blue-light-winter-2025);
	background: -webkit-linear-gradient(bottom, var(--color-blue-light-winter-2025) 0%, var(--color-blue-dark-winter-2025) 100%);
	background: -o-linear-gradient(bottom, var(--color-blue-light-winter-2025) 0%, var(--color-blue-dark-winter-2025) 100%);
	background: linear-gradient(to top, var(--color-blue-light-winter-2025) 0%, var(--color-blue-dark-winter-2025) 100%);
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	font-family: var(--font-medium), Helvetica, Arial, sans-serif;
	font-size: 22px;
	line-height: 30px;
	color: var(--color-default);
}
body:before{
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	content: '';
	width: 100%;
	height: 100%;
	background: url("images/winter_2025_decorations_top.png") top center;
	background-size: auto auto;
	background-repeat: repeat-x;
}
img{
	box-sizing: content-box;
}
blockquote, h1, h2, h3, h4, h5, h6, li, ol, p, pre, span, table, td, th, tr, ul{
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6{
	font-family: var(--font-bold), Helvetica, Arial, sans-serif;
	color: inherit;
	font-weight: inherit;
}
ol, ul{
	list-style: none;
}
span{
	font-style: inherit;
	font-family: inherit;
	font-weight: inherit;
}
strong, b{
	font-family: var(--font-bold), Helvetica, Arial, sans-serif;
	font-weight: normal;
}
i, em{
	font-style: italic;
}
a, a:hover, a:visited, a:focus{
	outline: none;
	text-decoration: none;
	cursor: pointer;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-tap-highlight-color: transparent;
	color: var(--color-default);
	-o-transition: color 0.2s linear;
	-moz-transition: color 0.2s linear;
	-webkit-transition: color 0.2s linear;
	transition: color 0.2s linear;
}
button{
	cursor: pointer;
	outline: none;
}
button:focus{
	outline: none;
}
button, input, select, textarea{
	margin: 0;
	padding: 0;
	border: 0;
	background-color: transparent;
	font-family: var(--font-regular), Helvetica, Arial, sans-serif;
	font-size: inherit;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-tap-highlight-color: transparent;
	color: var(--color-default);
}
input::-ms-clear, input::-ms-reveal{display:none;width:0;height: 0;}
input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-webkit-search-results-button,input::-webkit-search-results-decoration{display:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:auto;}
.clear{clear:both;margin:0;}
:focus{outline:none;}
*,*:after,*:before{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
::selection{background:var(--color-blue);color:var(--color-white);}
::-moz-selection{background:var(--color-blue);color:var(--color-white);}
::-webkit-selection{background:var(--color-blue);color:var(--color-white);}
:focus::-webkit-input-placeholder{color:transparent;}
:focus::-moz-placeholder{color:transparent;}
:focus:-moz-placeholder{color:transparent;}
:focus:-ms-input-placeholder{color:transparent;}
input:focus{outline:none;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px white inset !important;}

:root{
	--font-regular: 'Rubik Regular', Helvetica, Arial, sans-serif;
	--font-medium: 'Rubik Medium', Helvetica, Arial, sans-serif;
	--font-bold: 'Rubik Bold', Helvetica, Arial, sans-serif;
	--color-default: #2a2a29;
	--color-white: #fff;
	--color-gray: #dde0e1;
	--color-blue: #7db0da;
	--color-blue-light: #abcfec;
	--color-blue-light-new-year: #94d7ff;
	--color-blue-dark-new-year: #58baff;
	--color-blue-light-spring: #d4f8ff;
	--color-blue-dark-spring: #7cebff;
	--color-yellow-light-summer: #fdeba9;
	--color-blue-light-summer: #a3f1f7;
	--color-orange-light-autumn: #fff3d9;
	--color-orange-dark-autumn: #feba73;
	--color-blue-light-winter: #d6f0fe;
	--color-blue-dark-winter: #5ee4ff;
	--color-yellow-light-spring: #fbf8e0;
	--color-yellow-dark-spring: #f7f76d;
	--color-blue-light-summer-2025: #e5f8f8;
	--color-blue-dark-summer-2025: #e0f9fb;
	--color-blue-dark-winter-2025: #58c5fd;
	--color-blue-light-winter-2025: #a6e1ff;
}

.page-full{
	display: grid;
	position: relative;
	z-index: 2;
	margin: 0 auto;
	padding: 50px 0 0 0;
	overflow: hidden;
	width: calc(100% - 100px);
}
.game-wrp{
	position: relative;
	margin: 0 0 75px;
	width: 100%;
}
.game-wrp:last-child{
	margin-bottom: -7%
}
.game-title{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	margin: 0 0 25px 25px;
	font-family: var(--font-bold);
	font-size: 60px;
	line-height: 60px;
}
.game-title > img{
	margin: 0 25px 0 0;
	width: auto;
	height: 120px;
}
.feedback-wrp{
	margin: 0 0 15px;
	padding: 25px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.3);
	border: 1px solid rgba(255, 255, 255, 0.4);
	z-index: 0;
}
.feedback-title{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	margin: 0 0 25px;
	font-family: var(--font-bold);
	font-size: 32px;
	line-height: 32px;
}
.star{
	margin: 0 0 0 5px;
	height: 30px;
}
.star:first-child{
	margin: 0 0 0 15px;
}
.feedback-text > p{
	margin: 0 0 15px;
}
.feedback-text > p:last-child{
	margin: 0;
}
.decoration-top-right{
	position: absolute;
	top: 0px;
	max-width: 800px;
	right: 0px;
	height: auto;
}
.decoration-top{
	position: absolute;
	top: 0px;
	max-width: 100%;
	height: auto;
	opacity: 0.2;
}
.decoration-bottom{
	max-width: 100%;
	height: auto;
	justify-self: center;
}
.decoration-bottom-right{
	max-width: 100%;
	height: auto;
	justify-self: right;
	z-index: -1;
}
.decoration-mid-top{
	align-self: center;
	justify-self: center;
	margin-bottom: 100px;
}
.decoration-mid-bottom{
	align-self: center;
	justify-self: center;
	margin-top: 100px;
}
.background-top {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	background-image: url('birds.png');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
	pointer-events: none;
	z-index: -1;
}