.my-logo {
	display: inline-block;
	position: relative;
	width: 100px;
	height: 100px;
	background-repeat:no-repeat;
	background:
		radial-gradient(circle at 40% 45%, white, white 6%, transparent 7%) /*Augenweiss (links)*/,
		radial-gradient(circle at 38% 43%, black, black 11%, transparent 12%) /*Auge (links)*/,
		radial-gradient(circle at 61% 44%, white, white 6%, transparent 7%) /*Augenweiss (rechts)*/,
		radial-gradient(circle at 62% 43%, black, black 11%, transparent 12%) /*Auge (rechts)*/,
		radial-gradient(circle at 50% 55%, #FEFEC8, #FEFEC8 39%, black 40%, black 42%, transparent 43%) /*Gesicht*/,
		radial-gradient(#040D37, #040D37 47%, black 48%, black 50%, transparent 51%) /*Koerper*/;
}
.my-logo::before { /*Schnabel (unten) */
	content: '';
	display: block;
	width: 14%;
	height: 18%;
	background-repeat: no-repeat;
	background: #BC9409;
	clip-path: polygon(0% 0%, 100% 0%, 48% 100%);
	position: absolute;
	top: 57%;
	left: 43%;
}
.my-logo::after { /*Schnabel (oben)*/
	content: '';
	display: block;
	width: 15%;
	height: 20%;
	background-repeat: no-repeat;
	background: #FEB40D;
	clip-path: polygon(0% 0%, 100% 0%, 85% 100%);
	position: absolute;
	top: 57%;
	left: 43%;
}
.my-logo > img {
	width: 1px;
	height: 1px;
	overflow: hidden;
	position: absolute;
	top: auto;
	left: -10000px;
}