body {
	background-color: #000;
	font-family: 'Montserrat', sans-serif;
	margin: 0;
	background: top no-repeat fixed url(../img/background.png) #2e2e2e;
}
.glitch {
	/*position: relative;
	font-size: 6rem;
	font-weight: 600;*/
	color: #fff;
	text-transform: uppercase;
	transform: scale3d(1, 1, 1);
	margin: -13px 0;
    font-size: 35px;
}
.glitch::before, .glitch::after {
	content: attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	color: #fff;
	background: #000;
}

.glitch::before {
	left: 3px;
	text-shadow: 3px 0 #67FF2C;
	animation: glitch-effect 3s infinite linear alternate-reverse;
}

.glitch::after {
	left: -3px;
	text-shadow: -3px 0 #FF2C5E;
	animation: glitch-effect 2s infinite linear alternate-reverse;
}

@keyframes glitch-effect {
	0% {
		clip-path: inset(78% 0 68% 0);
	}

	2% {
		clip-path: inset(69% 0 91% 0);
	}

	4% {
		clip-path: inset(52% 0 84% 0);
	}

	6% {
		clip-path: inset(74% 0 97% 0);
	}

	8% {
		clip-path: inset(26% 0 51% 0);
	}

	10% {
		clip-path: inset(98% 0 34% 0);
	}

	12% {
		clip-path: inset(74% 0 22% 0);
	}

	14% {
		clip-path: inset(43% 0 91% 0);
	}

	16% {
		clip-path: inset(30% 0 73% 0);
	}

	18% {
		clip-path: inset(29% 0 79% 0);
	}

	20% {
		clip-path: inset(41% 0 82% 0);
	}

	22% {
		clip-path: inset(7% 0 100% 0);
	}

	24% {
		clip-path: inset(34% 0 6% 0);
	}

	26% {
		clip-path: inset(36% 0 86% 0);
	}

	28% {
		clip-path: inset(15% 0 74% 0);
	}

	30% {
		clip-path: inset(58% 0 94% 0);
	}

	32% {
		clip-path: inset(4% 0 19% 0);
	}

	34% {
		clip-path: inset(20% 0 58% 0);
	}

	36% {
		clip-path: inset(2% 0 45% 0);
	}

	38% {
		clip-path: inset(92% 0 84% 0);
	}

	40% {
		clip-path: inset(15% 0 2% 0);
	}

	42% {
		clip-path: inset(99% 0 11% 0);
	}

	44% {
		clip-path: inset(67% 0 53% 0);
	}

	46% {
		clip-path: inset(50% 0 30% 0);
	}

	48% {
		clip-path: inset(37% 0 38% 0);
	}

	50% {
		clip-path: inset(18% 0 96% 0);
	}

	52% {
		clip-path: inset(91% 0 4% 0);
	}

	54% {
		clip-path: inset(85% 0 18% 0);
	}

	56% {
		clip-path: inset(9% 0 49% 0);
	}

	58% {
		clip-path: inset(91% 0 35% 0);
	}

	60% {
		clip-path: inset(54% 0 59% 0);
	}

	62% {
		clip-path: inset(51% 0 44% 0);
	}

	64% {
		clip-path: inset(61% 0 18% 0);
	}

	66% {
		clip-path: inset(57% 0 65% 0);
	}

	68% {
		clip-path: inset(100% 0 95% 0);
	}

	70% {
		clip-path: inset(42% 0 77% 0);
	}

	72% {
		clip-path: inset(4% 0 15% 0);
	}

	74% {
		clip-path: inset(4% 0 1% 0);
	}

	76% {
		clip-path: inset(4% 0 64% 0);
	}

	78% {
		clip-path: inset(86% 0 43% 0);
	}

	80% {
		clip-path: inset(4% 0 33% 0);
	}

	82% {
		clip-path: inset(42% 0 77% 0);
	}

	84% {
		clip-path: inset(47% 0 7% 0);
	}

	86% {
		clip-path: inset(47% 0 37% 0);
	}

	88% {
		clip-path: inset(26% 0 99% 0);
	}

	90% {
		clip-path: inset(44% 0 52% 0);
	}

	92% {
		clip-path: inset(48% 0 35% 0);
	}

	94% {
		clip-path: inset(86% 0 73% 0);
	}

	96% {
		clip-path: inset(98% 0 55% 0);
	}

	98% {
		clip-path: inset(57% 0 96% 0);
	}

	100% {
		clip-path: inset(97% 0 46% 0);
	}
}

h2 {
	color: rgba(255, 255, 255, 0.5);
	font-weight: 300;
}

a {
	margin: auto auto 1rem auto;
	color: #0a9391;
	text-decoration: none;
}
a:hover {
	color: #116261;
}
.header {
    justify-content: space-between;
    display: flex;
	flex-wrap:wrap;
	padding: 0 10px;
}
.header a {
	text-decoration: none;
	color: #ffffffb5;
    font-weight: 400;
}
.header a:hover {
	color: #116261;
	font-weight: 400;
}
.header a:hover[href*="https://vk.com/mcrulauncher"]  {

	color: #0077FF;
	}
.header-element {
	color:#fff;
}
.header-element:nth-child(1) {
	padding-top: 0px;
}
.topmenu {
	background-color: #1e1e1e;
	position: fixed;
    margin: 0 auto;
    width: 100%;
	margin-top: -200px;
	padding: 20px 0;
	z-index: 1;
	border-bottom: 1px solid #181717;
}
.content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	width: 100%;
    margin: 0 auto;
	margin-top: 200px;
    background-color: #1e1e1e9c;
}
.topcontent {
	height: 200px;
	background-color: #1e1e1e;
	color: #ffffffb5;
	padding: 30px;
	text-align: justify;
	line-height: 1.5;
}
.topcontent a {
    color: #0a9391;
    text-decoration: none;
}
.download {
	color: #ffffffb5;
	padding: 40px;
    background-color: #0a9391;
    font-size: 30px;
    text-decoration: none;
    display: block;
}
.download:hover {
	background-color:#116261;
	color: #fff;
}
.contentheader {
	color: white;
    font-size: 20px;
    padding: 10px 20px;
    background-color: #116261;
    display: block;
    text-align: left;
}
.contentplace {
	background-color: rgb(30 30 30);
	margin-top: 80px;
}
.contentplace img {
	padding: 30px 0 0 0;
    max-width: 90%;
}
.desc {
	color:#ffffffb5;
	text-align: justify;
	line-height: 1.5;
	padding: 30px;
}
.contentplace2nd {
	display: flex;
    flex-direction: column;
}
.contentplace2nd .contentplace {
	width: 100%;
}
.contentplace2nd .contentplace .desc {
	padding: 0 15px 15px 15px;
}
.topcontent2 {
	display: flex;
    flex-direction: column;
    background-color: #1e1e1e;
}
.topcontent2 .left {
	color: #ffffffb5;
    text-align: justify;
    line-height: 1.5;
	padding: 10px 10px 10px 10px;
    display: flex;
    flex-direction: column;
}
.left-desc {
    margin-left: 20px;
}
.topcontent2 .right {
	display: flex;
    flex-direction: column;
    padding: 10px;
}
.vids video {
    width: 100%;
}
.down {
    margin-top: 30px;
}
.down svg {
    width: 75px;
}
.down2 {
	margin-top: -9px;
}
@media (max-width: 550px) {
	.header-element {
		padding-top: 20px;
		padding: 20px 0 0 0;
	}
	.header-element:nth-child(3) {
		padding-right: 100px;
	}
}
@media (min-width: 1200px) {
	.header {
		justify-content: space-between;
		display: flex;
		width: 1200px;
		margin: 0 auto;
	}
	.header a {
		text-decoration: none;
		color: #ffffffb5;
		font-weight: 400;
		font-size: 16px;
	}
	.header a:hover {
		color: #116261;
		font-weight: 400;
		padding: 0 0;
	}
	.content {
		width: 1200px;
	}
	.topcontent2 {
		justify-content: space-between;
		flex-direction: initial;
	}
	.topcontent2 .left {
		padding: 30px 10px 30px 30px;
	}
	.topcontent2 .right {
		padding: 30px;
	}
	.vids video {
		width: 550px;
	}
	.download {
		padding: 20px;
		font-size: 16px;
	}
	.down {
		margin: auto;
		margin-top: 30px;
	}
	.down2 {
		margin-top: -9px;
		font-size: 14;
	}
	.left-desc {
		margin-left:0;
		margin: auto;
	}
	.contentplace2nd {
		flex-direction: initial;
		justify-content: space-between;
	}
}