.front-end-block.cpp {background: #007AC2}
.front-end-block.cpp .technologies ul.position_tech {width: 450px}
.front-end-block.cpp .cpp-buble {transform: translateX(-990px) scale(1.1) translateY(100px);}

.front-end-block.cpp .block-with-border h1.front-heading, .front-end-block.cpp .start-time .start-date,
.front-end-block.cpp .technologies ul.position_tech li::before {color: #973977}
.front-end-block.cpp h4.profession {border-color: #973977}
.front-end-block.cpp .buttons .btn.red {background: #973977}
.front-end-block.cpp .buttons .btn.red .btn__blobs div {background: #5d1e47}

.front-end-block.cpp .play-button div {
	background: #21385e;
	-webkit-box-shadow: 4px 6px 17px 4px rgb(31 51 74 / 51%);
    box-shadow: 4px 6px 17px 4px rgb(31 51 74 / 51%);
}

.front-end-block.cpp #pictures-bg .light {
    -webkit-animation: 7s lightShake linear infinite;
    animation: 7s lightShake linear infinite;
    transform-origin: top center;
    top: 147px;
	left: 250px;
}

@keyframes lightShake {
	0% {transform: rotate(0) scale(1.1)}
	25% {transform: rotate(-15deg) scale(1.1)}
	50% {transform: rotate(0deg) scale(1.1)}
	75% {transform: rotate(15deg) scale(1.1)}
	100% {transform: rotate(0) scale(1.1)}
}

.front-end-block.cpp .cpp-proger {
	transform: scale(0.8) translateY(60px);
}

.front-end-block.cpp .cpp-buble-circle {
	top: 430px;
	left: 150px;
}

.front-end-block.cpp .cpp-questions {
	top: 480px;
	left: 640px;
}

@media(max-width: 1024px) {
	.front-end-block.cpp .bottom-stuff img:last-of-type {display: block}
	.front-end-block.cpp .front-end-bg-tablet {
		top: -340px;
	    right: 380px;
	    transform: scale(1.3);
	}
}

@media(max-width: 768px) {.front-end-block.cpp .front-end-bg-tablet {transform: scale(2)}}
@media(max-width: 665px) {.front-end-block.cpp .bottom-stuff img:last-of-type {transform: scale(0.7) translateY(95px)}}
@media(max-width: 585px) {.front-end-block.cpp .front-end-bg-tablet {transform: scale(3.5)}}

@media(max-width: 460px) {
	.front-end-block.cpp .bottom-stuff .play-button {left: 50px; right: initial}
	.front-end-block.cpp .front-end-bg-tablet {transform: scale(4.2)}
}
@media(max-width: 400px) {.front-end-block.cpp .front-end-bg-tablet {transform: scale(5.5)}}