* {
	box-sizing: border-box;
}

body, html {
	height: 100%;
	margin: 0;
	font-family: "Courier New";
	font-size: 19px;
}

.bg {
	background-image: url('../img/bg.png');
	height: 100%;
	width: 100%;
	background-size: cover;
	background-position: center;
	position: relative;
	color: white;
	background-repeat: no-repeat;
}

.topLeft {
	left: 16px;
	position: absolute;
	cursor: context-menu;
}

.img-sign {
	position: absolute;
	left: 70%;
	top: 61%;
	transform: rotate(14deg);
	animation-name: a_img-sign;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-duration: 10s;
}

.img-sign a{
	height: 180px;
	width: 180px;
	position: absolute;
	background-image: url('../img/sign.png');
}

@keyframes a_img-sign {
	0% {transform: translate(-10px) rotate(-10deg);}
	100% {transform: translate(10px) rotate(10deg);}
}

.img-sign .text {
	left: 50%;
	top: 17%;
	position: absolute;
	transform: translateX(-50%);
	color: white;
}

.img-bg_tree {
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url('../img/bg_tree.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	animation-name: a_img-tree;
	animation-duration: 10s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

@keyframes a_img-tree {
	100% {transform: scale(1.05, 1.05)}
}

img-bg_tree img-tree {
	height: 100%;
	width: 100%;
}