.animation-wrapper {
	flex-basis: 70%;
}

.mt-10 {
    margin-top: 70px !important;
}

.max-width {
	min-width: max-content;
	/* padding: 50px; */
}

/** Layered Animation **/

.layered-animations {
	position: absolute;
	top: 40%;
	left: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1100px;
	height: 550px;
	margin: -275px 0 0 -550px;
}

.layered-animations .shape {
	position: absolute;
	top: 50%;
	overflow: visible;
	width: 280px;
	height: 280px;
	margin-top: -140px;
	stroke: transparent;
	stroke-width: 1px;
	fill: url(#shapesGradient);
}

@media (min-width: 740px) {
	.layered-animations .shape {
		stroke-width: .5px;
	}
}

.layered-animations .small.shape {
	width: 64px;
	height: 64px;
	margin-top: -32px;
	stroke: currentColor;
	fill: currentColor;
}

.layered-animations .x-small.shape {
	width: 32px;
	height: 32px;
	margin-top: -16px;
	stroke: currentColor;
	fill: currentColor;
}

.header-logo-image {
	height: 32px !important;
}

.logo {
	display: flex;
}

.color-white {
	color: #F6F4F2;
}

/* White */
.color-black {
	color: #2E2C2C;
}

/* Black */
.color-red,
.color-targets {
	color: #FF4B4B;
}

/* red: */
.color-orange,
.color-properties {
	color: #FF8F42;
}

/* orange: */
.color-lightorange,
.color-prop-params {
	color: #FFC730;
}

/* lightorange: */
.color-yellow,
.color-anim-params {
	color: #F6FF56;
}

/* yellow: */
.color-citrus,
.color-values {
	color: #A4FF4F;
}

/* citrus: */
.color-green,
.color-keyframes {
	color: #18FF74;
}

/* green: */
.color-darkgreen,
.color-staggering {
	color: #00D672;
}

/* darkgreen: */
.color-turquoise,
.color-tl {
	color: #3CFFEC;
}

/* turquoise: */
.color-skyblue,
.color-controls {
	color: #61C3FF;
}

/* skyblue: */
.color-kingblue,
.color-callbacks {
	color: #5A87FF;
}

/* kingblue: */
.color-lavender,
.color-svg {
	color: #8453E3;
}

/* lavender: */
.color-purple,
.color-easings {
	color: #C26EFF;
}

/* purple: */
.color-pink,
.color-helpers {
	color: #FB89FB;
}

/* pink: */

/* Style the form container */
form {
	max-width: 600px;
	margin: auto;
	padding: 20px;
	border: 1px solid #ccc;
	border-radius: 10px;
	background-color: #f9f9f9;
}

/* Style the input fields */
input[type="text"],
input[type="email"],
input[type="password"],
textarea {
	width: 100%;
	padding: 12px;
	margin: 8px 0;
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
}

/* Style the submit button */
input[type="submit"] {
	width: 100%;
	background-color: #4CAF50;
	color: white;
	padding: 14px 20px;
	margin: 8px 0;
	border: none;
	border-radius: 4px;
	cursor: pointer;
}

input[type="submit"]:hover {
	background-color: #45a049;
}