<!-- 🦉🦚🦜🦢🦩🐦🐧🦅🦆 -->
<div class="container">
	<div class="loro">
		<div class="cuerpo"></div>
		<div class="cola"></div>
		<div class="ala"></div>
		<div class="pico"></div>
		<div class="cresta1"></div>
		<div class="cresta2"></div>
		<div class="cresta3"></div>
		<div class="cresta4"></div>
		<div class="cresta5"></div>
		<div class="cresta6"></div>
		<div class="cresta7"></div>
		<div class="cresta9"></div>
		<div class="circulo">
			<div class="cabeza">
				<div class="ojo">
					<div class="centro">
					</div>
				</div>
			</div>
		</div>
		<div class="alas"></div>
	</div>
</div>

body {
	background: black;
}
.container {
	position: relative;
	width: 900px;
	height: 963px;
	margin: 0 auto;
}
.loro {
	transform: scale(0.7);
}
.circulo {
	position: absolute;
	transform: rotate(142deg);
	border-radius: 655px 643px 400px 990px;
	height: 230px;
	width: 196px;
	margin: 35px 263px;
	background: rgb(180, 227, 145);
	background: -webkit-linear-gradient(
		-45deg,
		rgba(180, 227, 145, 1) 0%,
		rgba(97, 196, 25, 1) 50%,
		rgba(180, 227, 145, 1) 100%
	);
	background: linear-gradient(
		135deg,
		rgba(180, 227, 145, 1) 0%,
		rgba(97, 196, 25, 1) 50%,
		rgba(180, 227, 145, 1) 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#b4e391',GradientType=1 );
}
.cuerpo {
	position: absolute;
	border-radius: 0px 370px 90px 439px;
	transform: rotate(-160deg);
	box-shadow: inset 1px 1px 3px 1px #333;
	background: rgb(19, 242, 19);
	background: linear-gradient(
		to bottom,
		rgba(19, 242, 19, 1) 2%,
		rgba(13, 173, 43, 1) 13%,
		rgba(13, 173, 43, 1) 87%,
		rgba(19, 242, 19, 1) 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13f213', endColorstr='#13f213',GradientType=0 );
	height: 293px;
	width: 483px;
	margin: 250px 273px;
}
.ala {
	position: absolute;
	border-radius: 145px 412px 30px 300px;
	transform: rotate(-353deg);
	background: linear-gradient(
		135deg,
		rgba(13, 173, 43, 1) 0%,
		rgba(13, 173, 43, 0.99) 5%,
		rgba(17, 37, 216, 0.94) 30%,
		rgba(232, 68, 9, 0.89) 57%,
		rgba(245, 249, 2, 0.83) 88%,
		rgba(13, 173, 43, 0.8) 100%
	); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0dad2b', endColorstr='#cc0dad2b',GradientType=1 );
	height: 333px;
	width: 412px;
	margin: 255px 325px;
}
.alas {
	position: absolute;
	border-radius: 0px 412px 0px 412px;
	transform: rotate(-365deg);
	background: linear-gradient(
		135deg,
		rgba(104, 221, 8, 0.3) 0%,
		rgba(66, 141, 99, 0.3) 34%,
		rgba(17, 37, 216, 0.77) 78%,
		rgba(17, 37, 216, 1) 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d68dd08', endColorstr='#1125d8',GradientType=1 );
	height: 343px;
	width: 235px;
	margin: 280px 480px;
}
.alas::before {
	position: absolute;
	content: "";
	border-radius: 0px 412px 0px 412px;
	transform: rotate(-180deg);
	background: linear-gradient(
		135deg,
		rgba(255, 255, 17, 1) 0%,
		rgba(255, 255, 17, 0.55) 57%,
		rgba(143, 203, 78, 0.3) 88%,
		rgba(99, 183, 101, 0.3) 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff11', endColorstr='#4d63b765',GradientType=1 );
	height: 305px;
	width: 209px;
	margin: -35px 0px;
}
.alas::after {
	position: absolute;
	content: "";
	border-radius: 412px 0px 412px 0px;
	transform: rotate(-93deg);
	background: linear-gradient(
		135deg,
		rgba(252, 38, 5, 1) 0%,
		rgba(252, 38, 5, 0.99) 1%,
		rgba(155, 158, 7, 0.3) 65%,
		rgba(104, 221, 8, 0.3) 99%
	);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc2605', endColorstr='#4d68dd08',GradientType=1 );
	height: 150px;
	width: 230px;
	margin: 40px -9px;
}
.cabeza {
	position: absolute;
	transform: rotate(-3deg);
	border-radius: 600px 480px 360px 721px;
	height: 172px;
	width: 150px;
	margin: 30px 40px;
	background: radial-gradient(
		ellipse at center,
		rgba(255, 255, 17, 1) 0%,
		rgba(255, 255, 17, 0.84) 60%,
		rgba(203, 254, 113, 0.8) 77%,
		rgba(136, 252, 238, 0.8) 99%
	);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff11', endColorstr='#cc88fcee',GradientType=1 );
}
.pico {
	position: absolute;
	border-radius: 0px 100px 14px 0px;
	transform: rotate(-142deg);
	height: 95px;
	width: 75px;
	margin: 145px 212px;
	background: rgb(124, 123, 124);
}
.pico::before {
	position: absolute;
	content: "";
	border-radius: 0px 100px 3px 0px;
	transform: rotate(-90deg);
	background: rgb(124, 123, 124);
	height: 50px;
	width: 40px;
	margin: 9px -46px;
}
.cresta1 {
	position: absolute;
	border-radius: 40px 40px 40px 40px;
	transform: rotate(145deg);
	border-right: 21px groove rgb(52, 235, 213);
	height: 80px;
	width: 80px;
	margin: 75px 205px;
}
.cresta2 {
	position: absolute;
	border-radius: 40px 40px 40px 40px;
	transform: rotate(175deg);
	border-right: 21px groove rgb(52, 235, 213);
	height: 80px;
	width: 80px;
	margin: 70px 216px;
}
.cresta3 {
	position: absolute;
	border-radius: 40px 40px 40px 40px;
	transform: rotate(180deg);
	border-right: 21px groove rgb(52, 235, 213);
	height: 80px;
	width: 80px;
	margin: 65px 230px;
}
.cresta4 {
	position: absolute;
	border-radius: 40px 40px 40px 40px;
	transform: rotate(195deg);
	border-right: 21px groove rgb(52, 235, 213);
	height: 80px;
	width: 80px;
	margin: 65px 243px;
}
.cresta5 {
	position: absolute;
	border-radius: 40px 40px 40px 40px;
	transform: rotate(170deg);
	border-right: 21px groove rgb(247, 152, 9);
	height: 80px;
	width: 80px;
	margin: 199px 300px;
}
.cresta5::before {
	position: absolute;
	content: "";
	border-radius: 40px 40px 40px 40px;
	transform: rotate(-21deg);
	border-right: 21px groove rgb(247, 152, 9);
	height: 80px;
	width: 80px;
	margin: 3px -12px;
}
.cresta6 {
	position: absolute;
	border-radius: 40px 40px 40px 40px;
	transform: rotate(140deg);
	border-right: 21px groove rgb(247, 152, 9);
	height: 80px;
	width: 80px;
	margin: 188px 325px;
}
.cresta6::before {
	position: absolute;
	content: "";
	border-radius: 40px 40px 40px 40px;
	transform: rotate(3deg);
	border-right: 21px groove rgb(247, 152, 9);
	height: 80px;
	width: 80px;
	margin: -3px -14px;
}
.ojo {
	position: absolute;
	border-radius: 25px;
	background: linear-gradient(
		135deg,
		rgba(239, 128, 2, 1) 0%,
		rgba(239, 128, 2, 0.56) 44%,
		rgba(234, 143, 51, 0) 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef8002', endColorstr='#00ea8f33',GradientType=1 );
	height: 30px;
	width: 30px;
	margin: 65px 60px;
	border: 3px solid rgb(199, 195, 195);
}
.centro {
	position: absolute;
	border-radius: 35px;
	background: black;
	height: 16px;
	width: 16px;
	margin: 7px 7px;
}
.cresta7 {
	position: absolute;
	border-radius: 40px 40px 40px 40px;
	transform: rotate(235deg);
	border-right: 21px groove rgb(129, 128, 127);
	height: 80px;
	width: 80px;
	margin: 545px 383px;
}
.cresta7::before {
	position: absolute;
	content: "";
	border-radius: 40px 40px 40px 40px;
	transform: rotate(0deg);
	border-right: 21px groove rgb(129, 128, 127);
	height: 80px;
	width: 80px;
	margin: 12px -12px;
}
.cresta7::after {
	position: absolute;
	content: "";
	border-radius: 40px 40px 40px 40px;
	transform: rotate(-365deg);
	border-right: 21px groove rgb(129, 128, 127);
	height: 80px;
	width: 80px;
	margin: 25px -23px;
}
.cresta9 {
	position: absolute;
	border-radius: 40px 40px 40px 40px;
	transform: rotate(140deg);
	border-right: 21px groove rgb(247, 152, 9);
	height: 80px;
	width: 80px;
	margin: 188px 325px;
}
.cresta9::before {
	position: absolute;
	content: "";
	border-radius: 40px 40px 40px 40px;
	transform: rotate(3deg);
	border-right: 21px groove rgb(247, 152, 9);
	height: 80px;
	width: 80px;
	margin: -3px -14px;
}
.cola {
	position: absolute;
	border-radius: 50%;
	transform: rotate(-5deg);
	background: linear-gradient(
		to bottom,
		rgba(13, 173, 43, 1) 63%,
		rgba(17, 37, 216, 1) 76%,
		rgba(232, 68, 9, 1) 89%,
		rgba(245, 249, 2, 1) 99%
	);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0dad2b', endColorstr='#f5f902',GradientType=0 );
	height: 483px;
	width: 79px;
	margin: 465px 655px;
}
.cola::before {
	position: absolute;
	content: "";
	border-radius: 50%;
	transform: rotate(-12deg);
	background: linear-gradient(
		to bottom,
		rgba(13, 173, 43, 1) 63%,
		rgba(17, 37, 216, 1) 76%,
		rgba(232, 68, 9, 1) 89%,
		rgba(245, 249, 2, 1) 99%
	);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0dad2b', endColorstr='#f5f902',GradientType=0 );
	height: 503px;
	width: 73px;
	margin: 0 63px;
}
.cola::after {
	position: absolute;
	content: "";
	border-radius: 50%;
	transform: rotate(-5deg);
	background: linear-gradient(
		to bottom,
		rgba(13, 173, 43, 1) 63%,
		rgba(17, 37, 216, 1) 76%,
		rgba(232, 68, 9, 1) 89%,
		rgba(245, 249, 2, 1) 99%
	);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0dad2b', endColorstr='#f5f902',GradientType=0 );
	height: 444px;
	width: 70px;
	margin: -35px 18px;
}