body {
	background-color: #feed5a;
	color: #424242;
	background-image: url("../img/bgdot.png"), url("../img/bg.png");
	background-repeat: repeat, no-repeat;
	background-size: auto, cover;
	word-break: break-word;
}

a:not(.btn) {
	color: #424242;
}

a:not(.btn):hover {
	color: #F57F17;
}

body > .container {
	min-height: calc(100vh);
}

footer {
	position: relative;
	text-align: center;
}

footer .banner {
	display: inline-block;
	padding-top: 8px;
}

footer .banner img {
	vertical-align: bottom;
}

footer > .container {
	height: 80px;
	color: #424242;
	text-align: center;
	font-size: 12px;
	display: grid;
	align-items: center;
	grid-gap: 4px;
}

footer > .container > .block-right {
	text-align: right;
}

footer .developer {
	position: absolute;
	bottom: 20px;
	right: 20px;
	display: inline-block;
	width: 48px;
	height: 48px;
	background: url("../img/qexy.png") no-repeat center;
	background-size: contain;
	opacity: 0.2;
	transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}

footer .developer.v2 {
	background: url("../img/terminal.png") no-repeat center;
	right: 88px;
	background-size: contain;
}

footer .developer:hover {
	opacity: 1;
}

@media (max-width: 767px) {
	footer > .container {
		height: auto;
	}

	footer .developer {
		display: inline-block;
		position: static;
		margin: auto;
	}
}