CodePen Embed - Chester Bennington Tribute

<div class='drawing_container'>
			<div class='nck_container'>
				<div class='skw_left clr_white nck_pt1'></div>
				<div class='clr_white nck_pt2'></div>
				<div class='nck_pt3'></div>
				<div class='skw_left clr_green nck_pt4'></div>
				<div class='skw_left clr_green nck_pt5'></div>
				<div class='clr_red nck_pt6'></div>
				<div class='nck_pt7'></div>
				<div class='skw_left clr_red nck_pt8'></div>
				<div class='clr_red nck_pt9'></div>
				<div class='skw_right clr_orange--dark nck_pt10'></div>
				<div class='skw_right clr_orange--dark nck_pt11'></div>
				<div class='skw_right clr_blue nck_pt12'></div>
			</div>
			<div class='head_container'>
				<div class='clr_white base_container'></div>
				<div class='chin_container'>
					<div class='chin_pt1'></div>
					<div class='clr_white skw_left_h chin_pt2'></div>
					<div class='clr_white chin_pt3'></div>
					<div class='clr_black skw_left_h chin_pt4'></div>
					<div class='clr_black skw_right_h chin_pt5'></div>
					<div class='clr_black skw_right_h chin_pt6'></div>
					<div class='clr_green--dark skw_left_h chin_pt7'></div>
					<div class='clr_green--dark skw_right_h chin_pt8'></div>
					<div class='clr_red skw_right_h chin_pt9'></div>
					<div class='clr_blue skw_right_h chin_pt10'></div>
					<div class='clr_blue--dark skw_left_h chin_pt11'></div>
					<div class='clr_blue--dark skw_right chin_pt12'></div>
					<div class='clr_white chin_pt13'></div>
				</div>
				<div class='left_ear_container'>
					<div class='clr_white skw_left le_pt1'></div>
					<div class='clr_white skw_right le_pt2'></div>
					<div class='clr_white skw_left le_pt3'></div>
					<div class='clr_white skw_left le_pt4'></div>
					<div class='clr_white skw_right le_pt5'></div>
					<div class='clr_white le_pt6'></div>
					<div class='clr_white le_pt7'></div>
					<div class='clr_white le_pt8'></div>
					<div class='clr_white le_pt9'></div>
					<div class='clr_white skw_right_h le_pt10'></div>
					<div class="clr_white le_pt11"></div>
					<div class="clr_white le_pt12"></div>
					<div class="clr_black le_pt13"></div>
					<div class="clr_black skw_left le_pt14"></div>
					<div class="clr_black skw_right le_pt15"></div>
					<div class="clr_black skw_left le_pt16"></div>
					<div class="clr_black skw_right le_pt17"></div>
					<div class="clr_black le_pt18"></div>
					<div class="clr_blue--dark le_pt19"></div>
					<div class="clr_blue--dark le_pt20"></div>
					<div class="clr_blue--dark skw_right le_pt21"></div>
					<div class="clr_white skw_right le_pt22"></div>
					<div class="clr_white skw_right le_pt23"></div>
					<div class="clr_white skw_right le_pt24"></div>
					<div class="clr_white skw_right le_pt25"></div>
					<div class="clr_white skw_right le_pt26"></div>
					<div class="clr_white skw_right le_pt27"></div>
				</div>
				<div class='right_ear_container'>
					<div class="clr_yellow skw_right re_pt13"></div>
					<div class="clr_orange--light skw_left re_pt1"></div>
					<div class="clr_red skw_right re_pt2"></div>
					<div class="clr_orange--light skw_left re_pt3"></div>
					<div class="clr_black skw_right re_pt4"></div>
					<div class="clr_red skw_right re_pt5"></div>
					<div class="clr_yellow skw_right re_pt6"></div>
					<div class="clr_red re_pt7"></div>
					<div class="clr_green--dark re_pt8"></div>
					<div class="clr_green--dark skw_right re_pt9"></div>
					<div class="clr_yellow skw_left re_pt10"></div>
					<div class="clr_yellow re_pt11"></div>
					<div class="clr_orange--light skw_right re_pt12"></div>
					<div class="clr_yellow skw_right re_pt14"></div>
					<div class="clr_yellow skw_right re_pt15"></div>
					<div class="clr_yellow re_pt16"></div>
					<div class="clr_blue--dark re_pt17"></div>
					<div class="clr_blue--dark re_pt18"></div>
					<div class="clr_blue--dark skw_right re_pt19"></div>
					<div class="clr_orange--dark re_pt20"></div>
					<div class="clr_orange--dark skw_left_h re_pt21"></div>
					<div class="clr_orange--dark re_pt22"></div>
					<div class="clr_yellow--dark skw_left re_pt23"></div>
					<div class="clr_yellow re_pt24"></div>
					<div class="clr_black re_pt25"></div>
					<div class="clr_black skw_right re_pt26"></div>
					<div class="clr_green--dark skw_right re_pt27"></div>
					<div class="clr_green--dark skw_left re_pt28"></div>
					<div class="re_pt29"></div>
				</div>
				<div class='hair_container'></div>
				<div class='forehead_container'>
					<div class='clr_white skw_left_h fh_pt1'></div>
					<div class='clr_white skw_right_h fh_pt2'></div>
					<div class='clr_blue skw_right_h fh_pt3'></div>
				</div>
				<div class='face_container'>
					<div class="clr_blue--light skw_right f_pt1"></div>
					<div class="clr_blue--light skw_left_h f_pt2"></div>
					<div class="clr_blue--light f_pt3"></div>
					<div class="clr_blue--light f_pt4"></div>
					<div class="clr_blue--light skw_left f_pt5"></div>
					<div class="clr_orange--light skw_right f_pt6"></div>
					<div class="clr_orange--light f_pt7"></div>
					<div class="clr_orange--light skw_left f_pt8"></div>
					<div class="clr_orange--light skw_left f_pt9"></div>
					<div class="clr_orange--light skw_left f_pt10"></div>
					<div class="clr_orange--light skw_left f_pt11"></div>
					<div class="clr_orange--light f_pt12"></div>
					<div class="clr_blue--dark f_pt13"></div>
					<div class="clr_yellow skw_right f_pt14"></div>
					<div class="clr_yellow skw_left f_pt15"></div>
					<div class="clr_yellow skw_left f_pt16"></div>
					<div class="clr_yellow skw_left f_pt17"></div>
					<div class="clr_yellow f_pt18"></div>
					<div class="clr_green skw_left f_pt19"></div>
					<div class="clr_green skw_left f_pt20"></div>
					<div class="clr_green skw_right f_pt21"></div>
					<div class="clr_green f_pt22"></div>
					<div class="clr_black skw_right_h f_pt23"></div>
					<div class="clr_black f_pt24"></div>
					<div class="clr_black skw_left_h f_pt25"></div>
					<div class="clr_black skw_left_h f_pt26"></div>
					<div class="clr_black skw_right_h f_pt27"></div>
					<div class="clr_black f_pt28"></div>
					<div class="clr_black f_pt29"></div>
					<div class="clr_green--light skw_right_h f_pt30"></div>
					<div class="clr_blue--light skw_left f_pt31"></div>
					<div class="clr_blue--dark skw_left f_pt32"></div>
					<div class="clr_blue--dark skw_right f_pt33"></div>
					<div class="clr_green skw_right f_pt34"></div>
					<div class="clr_green skw_left f_pt35"></div>
					<div class="clr_green f_pt36"></div>
					<div class="clr_green f_pt37"></div>
					<div class="clr_green skw_left f_pt38"></div>
					<div class="clr_green skw_left_h f_pt39"></div>
					<div class="clr_green skw_right f_pt40"></div>
					<div class="clr_blue skw_right_h f_pt41"></div>
					<div class="clr_blue f_pt42"></div>
					<div class="clr_blue f_pt43"></div>
					<div class="clr_white f_pt44"></div>
					<div class="clr_blue--dark skw_right_h f_pt45"></div>
					<div class="clr_blue--dark skw_left_h f_pt46"></div>
					<div class="f_pt47"></div>
					<div class="clr_black skw_left_h f_pt48"></div>
					<div class="clr_black skw_right f_pt49"></div>
					<div class="clr_black f_pt50"></div>
					<div class="clr_black f_pt51"></div>
					<div class="clr_black skw_left_h f_pt52"></div>
					<div class="clr_black f_pt53"></div>
					<div class="clr_yellow skw_right f_pt54"></div>
					<div class="clr_yellow f_pt55"></div>
					<div class="clr_blue--light skw_left f_pt56"></div>
					<div class="clr_blue--light skw_right_h f_pt57"></div>
					<div class="clr_blue--light skw_left_h f_pt58"></div>
					<div class="clr_blue--light f_pt59"></div>
					<div class="clr_blue--dark skw_left_h f_pt60"></div>
					<div class="clr_blue--dark skw_right_h f_pt61"></div>
					<div class="clr_blue--dark skw_left_h f_pt62"></div>
					<div class="clr_yellow skw_right_h f_pt63"></div>
					<div class="clr_yellow f_pt64"></div>
					<div class="clr_black f_pt65"></div>
					<div class="clr_black skw_left f_pt66"></div>
					<div class="clr_black skw_left f_pt67"></div>
					<div class="clr_black f_pt68"></div>
					<div class="clr_black skw_left_h f_pt69"></div>
					<div class="clr_black skw_right_h f_pt70"></div>
					<div class="clr_black skw_right_h f_pt71"></div>
					<div class="clr_black skw_right_h f_pt72"></div>
					<div class="clr_black skw_left_h f_pt73"></div>
					<div class="clr_black skw_left_h f_pt74"></div>
					<div class="clr_black f_pt75"></div>
					<div class="clr_black f_pt76"></div>
					<div class="clr_black skw_right_h f_pt77"></div>
					<div class="clr_black skw_right f_pt78"></div>
					<div class="clr_black f_pt79"></div>
					<div class="clr_black f_pt80"></div>
					<div class="clr_black skw_left_h f_pt81"></div>
					<div class="clr_black f_pt82"></div>
					<div class="clr_green--light f_pt83"></div>
					<div class="clr_orange--light f_pt84"></div>
					<div class="clr_orange--light f_pt85"></div>
					<div class="clr_orange--light f_pt86"></div>
					<div class="clr_yellow f_pt87"></div>
					<div class="clr_blue--light f_pt88"></div>
					<div class="clr_black skw_left_h f_pt89"></div>
					<div class="clr_black skw_right_h f_pt90"></div>
					<div class="clr_black skw_right_h f_pt91"></div>
					<div class="clr_black f_pt92"></div>
					<div class="clr_black f_pt93"></div>
					<div class="clr_yellow f_pt94"></div>
					<div class="clr_blue--light f_pt95"></div>
					<div class="clr_blue f_pt96"></div>
					<div class="clr_blue f_pt97"></div>
					<div class="clr_blue f_pt98"></div>
					<div class="clr_blue skw_left_h f_pt99"></div>
					<div class="clr_blue skw_left_h f_pt100"></div>
					<div class="clr_blue--dark f_pt101"></div>
					<div class="clr_blue--dark f_pt102"></div>
					<div class="clr_black f_pt103"></div>
					<div class="clr_red f_pt104"></div>
					<div class="clr_red skw_left f_pt105"></div>
					<div class="clr_red skw_right f_pt106"></div>
					<div class="f_pt107"></div>
					<div class="clr_blue--dark skw_left f_pt108"></div>
					<div class="clr_blue--dark skw_right f_pt109"></div>
					<div class="clr_blue--dark skw_left_h f_pt110"></div>
					<div class="clr_green f_pt111"></div>
					<div class="clr_green skw_left_h f_pt112"></div>
					<div class="clr_green skw_left_h f_pt113"></div>
					<div class="clr_green skw_right_h f_pt114"></div>
					<div class="clr_black f_pt115"></div>
					<div class="clr_black skw_right_h f_pt116"></div>
					<div class="clr_black skw_right_h f_pt117"></div>
					<div class="clr_black skw_right_h f_pt118"></div>
				</div>
			</div>
			<div class='message_container'>
				<span>When life leaves us blind,<br/>Love keeps us kind...</span>
				<br/>
				<span>-- Chester (1976 - <span class="inf_symbol">&infin;</span>)</span>
			</div>
		</div>

@import '_variables';
@import '_mixins';
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Gloria+Hallelujah');

body {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #000;
	height: 100vh;
}

/* Colors */

.clr_white {
	background: #fff;
}

.clr_black {
	background: #0A0B0D;
}

.clr_yellow {
	background: #F3E200;
}

.clr_yellow--dark {
	background: #D4DD12;
}

.clr_green {
	background: #01A14B;
}

.clr_green--dark {
	background: #14A540;
}

.clr_green--light {
	background: #A3CA33;
}

.clr_red {
	background: #DA2625;
}

.clr_orange {
	background: #E57627;
}

.clr_orange--dark {
	background: #E15226;
}

.clr_orange--light {
	background: #EC9630;
}

.clr_blue {
	background: #016AAC;
}

.clr_blue--dark {
	background: #2A3883;
}

.clr_blue--light {
	background: #01A4E0;
}

/* Transforms */

.skw_left {
	transform: skewY(45deg);
}

.skw_right {
	transform: skewY(-45deg);
}

.skw_left_h {
	transform: skewX(-45deg);
}

.skw_right_h {
	transform: skewX(45deg);
}

/* Message */

.message_container {
	position: absolute;
	color: white;
	bottom: 36px;
	right: 0;
}

.message_container > span:first-child {
	font-family: 'Gloria Hallelujah', cursive;
}

.message_container > span:not(:first-child) {
	font-family: 'Roboto', sans-serif;
    font-size: 10px;
    text-align: right;
    width: 100%;
    display: flex;
    font-weight: 100;
    margin-top: 12px;
    justify-content: flex-end;
}

.message_container .inf_symbol {
	font-size: 18px;
    margin-top: -5px;
    margin-left: 2px;
}

/* Drawing */

.drawing_container {
	width: 600px;
	height: 600px;
	position: relative;
	transform: scale(0.8);
}

/* Head */

.head_container {
	position: absolute;
	bottom: 190px;
	left: 145px;
	width: 310px;
	height: 400px;
}

.base_container {
	position: absolute;
	bottom: 75px;
	left: 50px;
	width: 210px;
	height: 230px;
}

/* Face */

.face_container {
    position: absolute;
    bottom: 25px;
    left: 50px;
    right: 50px;
	top: 73px;
	z-index: 1;
}

.face_container .f_pt1 {
	width: 32px;
    height: 60px;
    bottom: 18px;
    right: 0;
    position: absolute;
    transform-origin: bottom left;
}

.face_container .f_pt2 {
	width: 25px;
    height: 50px;
    bottom: 0px;
    right: 0;
    position: absolute;
    transform-origin: top right;
}

.face_container .f_pt3 {
	width: 60px;
    height: 25px;
    bottom: 28px;
    right: 30px;
    position: absolute;
}

.face_container .f_pt4 {
	width: 25px;
    height: 50px;
    bottom: 0px;
    right: 50px;
    position: absolute;
}

.face_container .f_pt5 {
	width: 20px;
    height: 25px;
    bottom: 18px;
    right: 70px;
    position: absolute;
}

.face_container .f_pt6 {
	width: 32px;
    height: 35px;
    bottom: 93px;
    right: 0;
    position: absolute;
}

.face_container .f_pt7 {
	width: 5px;
    height: 135px;
    bottom: 138px;
    right: 0;
    position: absolute;
}

.face_container .f_pt8 {
	width: 18px;
    height: 95px;
    bottom: 189px;
    right: 4px;
    position: absolute;
    transform-origin: bottom right;
}

.face_container .f_pt9 {
	width: 10px;
    height: 15px;
    bottom: 265px;
    right: 0px;
    position: absolute;
    transform-origin: bottom right;
}

.face_container .f_pt10 {
	width: 6px;
    height: 72px;
    bottom: 207px;
    right: 22px;
    position: absolute;
    transform-origin: bottom right;
}

.face_container .f_pt11 {
	width: 18px;
    height: 56px;
    bottom: 228px;
    right: 27px;
    position: absolute;
    transform-origin: bottom right;
}

.face_container .f_pt12 {
	width: 23px;
    height: 25px;
    top: 0;
    right: 22px;
    position: absolute;
}

.face_container .f_pt13 {
	width: 20px;
    height: 16px;
    bottom: 28px;
    right: 90px;
    position: absolute;
}

.face_container .f_pt14 {
	width: 12px;
    height: 61px;
    bottom: 51px;
    right: 31px;
    position: absolute;
    transform-origin: bottom right;
}

.face_container .f_pt15 {
	width: 12px;
    height: 61px;
    bottom: 57px;
    right: 31px;
    position: absolute;
}

.face_container .f_pt16 {
	width: 16px;
    height: 37px;
    bottom: 95px;
    right: 43px;
    position: absolute;
}

.face_container .f_pt17 {
	width: 16px;
    height: 23px;
    bottom: 124px;
    right: 55px;
    position: absolute;
}

.face_container .f_pt18 {
	width: 20px;
    height: 23px;
    bottom: 132px;
    right: 51px;
    position: absolute;
}

.face_container .f_pt19 {
	width: 11px;
    height: 48px;
    bottom: 45px;
    right: 43px;
    position: absolute;
}

.face_container .f_pt20 {
	width: 14px;
    height: 19px;
    bottom: 51px;
    right: 54px;
    position: absolute;
    transform-origin: bottom right;
}

.face_container .f_pt21 {
	width: 14px;
    height: 19px;
    bottom: 79px;
    right: 54px;
    position: absolute;
    transform-origin: bottom right;
}

.face_container .f_pt22 {
	width: 14px;
    height: 15px;
    bottom: 67px;
    right: 54px;
    position: absolute;
}

.face_container .f_pt23 {
	width: 12px;
    height: 20px;
    bottom: 50px;
    right: 53px;
    position: absolute;
    transform-origin: bottom right;
}

.face_container .f_pt24 {
	width: 70px;
    height: 5px;
    bottom: 57px;
    right: 71px;
    position: absolute;
}

.face_container .f_pt25 {
	width: 12px;
    height: 13px;
    bottom: 57px;
    right: 76px;
    position: absolute;
    transform-origin: top right;
}

.face_container .f_pt26 {
	width: 10px;
    height: 13px;
    bottom: 57px;
    right: 99px;
    position: absolute;
    transform-origin: top right;
}

.face_container .f_pt27 {
	width: 10px;
    height: 10px;
    bottom: 60px;
    right: 89px;
    position: absolute;
	transform-origin: bottom right;
}

.face_container .f_pt28 {
	width: 10px;
    height: 10px;
    bottom: 60px;
    right: 75px;
    position: absolute;
}

.face_container .f_pt29 {
	width: 7px;
    height: 10px;
    bottom: 60px;
    right: 100px;
    position: absolute;
}

.face_container .f_pt30 {
	width: 53px;
    height: 7px;
    bottom: 50px;
    right: 64px;
    position: absolute;
    transform-origin: bottom right;
}

.face_container .f_pt31 {
	width: 5px;
    height: 5px;
    bottom: 24px;
    right: 46px;
    position: absolute;
}

.face_container .f_pt32 {
	width: 12px;
    height: 8px;
    bottom: 119px;
    right: 59px;
    position: absolute;
}

.face_container .f_pt33 {
	width: 4px;
    height: 18px;
    bottom: 101px;
    right: 59px;
    position: absolute;
}

.face_container .f_pt34 {
	width: 6px;
    height: 18px;
    bottom: 96px;
    right: 63px;
    position: absolute;
}

.face_container .f_pt35 {
	width: 8px;
    height: 12px;
    bottom: 109px;
    right: 63px;
    position: absolute;
}

.face_container .f_pt36 {
	width: 8px;
    height: 57px;
    bottom: 112px;
    right: 71px;
    position: absolute;
}

.face_container .f_pt37 {
	width: 4px;
    height: 20px;
    bottom: 156px;
    right: 61px;
    position: absolute;
    transform-origin: top right;
    transform: rotate(45deg);
}

.face_container .f_pt38 {
	width: 8px;
    height: 46px;
    bottom: 137px;
    right: 79px;
    position: absolute;
}

.face_container .f_pt39 {
	width: 15px;
    height: 15px;
    bottom: 188px;
    right: 56px;
    position: absolute;
    transform-origin: top right;
}

.face_container .f_pt40 {
	width: 16px;
    height: 15px;
    bottom: 188px;
    right: 71px;
    position: absolute;
    transform-origin: top right;
}

.face_container .f_pt41 {
	width: 42px;
    z-index: -1;
    height: 35px;
    bottom: 71px;
    right: 26px;
    position: absolute;
    transform-origin: bottom right;
}

.face_container .f_pt42 {
	width: 15px;
    height: 18px;
    bottom: 88px;
    right: 83px;
    position: absolute;
}

.face_container .f_pt43 {
	width: 6px;
    height: 27px;
    bottom: 79px;
    right: 92px;
    position: absolute;
}

.face_container .f_pt44 {
	width: 6px;
    height: 27px;
    bottom: 79px;
    right: 98px;
    position: absolute;
}

.face_container .f_pt45 {
	width: 16px;
    height: 13px;
    bottom: 93px;
    right: 75px;
    position: absolute;
}

.face_container .f_pt46 {
	width: 9px;
    height: 13px;
    bottom: 100px;
    right: 69px;
    position: absolute;
    transform-origin: top right;
}

.face_container .f_pt47 {
	display: block;
    width: 0;
    height: 0;
    bottom: 93px;
    right: 69px;
    position: absolute;
    border-style: solid;
    border-width: 10.0px 15.0px 10.0px 0;
	border-color: transparent #2A3883 transparent transparent;
}

.face_container .f_pt48 {
	width: 6px;
    height: 5px;
    bottom: 104px;
    right: 71px;
    position: absolute;
    transform-origin: top right;
}

.face_container .f_pt49 {
	width: 5px;
    height: 3px;
    bottom: 106px;
    right: 71px;
    position: absolute;
    transform-origin: top right;
}

.face_container .f_pt50 {
	width: 3px;
    height: 10px;
    bottom: 97px;
    right: 73px;
    position: absolute;
}

.face_container .f_pt51 {
	width: 11px;
    height: 6px;
    bottom: 106px;
    right: 103px;
    position: absolute;
}

.face_container .f_pt52 {
	width: 11px;
    height: 6px;
    bottom: 106px;
    right: 106px;
    position: absolute;
}

.face_container .f_pt53 {
	width: 11px;
    height: 5px;
    bottom: 101px;
    right: 109px;
    transform: rotate(45deg);
    position: absolute;
}

.face_container .f_pt54 {
	width: 18px;
    height: 56px;
    bottom: 214px;
    right: 27px;
    position: absolute;
    transform-origin: bottom right;
    z-index: -1;
}

.face_container .f_pt55 {
	width: 6px;
    height: 18px;
    bottom: 201px;
    right: 16px;
    position: absolute;
    transform-origin: bottom right;
    transform: rotate(-45deg);
}

.face_container .f_pt56 {
	width: 35px;
    height: 23px;
    bottom: 167px;
    right: 5px;
    position: absolute;
    z-index: -2;
    transform-origin: top right;
}

.face_container .f_pt57 {
	width: 35px;
    height: 23px;
    bottom: 138px;
    right: 11px;
    position: absolute;
    z-index: -2;
    transform-origin: top right;
}

.face_container .f_pt58 {
	width: 26px;
    height: 23px;
    bottom: 155px;
    right: -11px;
    position: absolute;
    z-index: -2;
    transform-origin: top right;
}

.face_container .f_pt59 {
	width: 26px;
    height: 23px;
    bottom: 155px;
    right: -11px;
    position: absolute;
    z-index: -2;
    transform-origin: top right;
}

.face_container .f_pt60 {
	width: 60px;
    height: 7px;
    bottom: 155px;
    right: 13px;
    position: absolute;
    z-index: -1;
    transform-origin: top right;
}

.face_container .f_pt61 {
	width: 30px;
    height: 7px;
    bottom: 160px;
    right: 45px;
    position: absolute;
    z-index: -1;
    transform-origin: bottom right;
}

.face_container .f_pt62 {
	width: 11px;
    height: 9px;
    bottom: 160px;
    right: 13px;
    position: absolute;
    z-index: -1;
    transform-origin: top right;
}

.face_container .f_pt63 {
	width: 8px;
    height: 10px;
    bottom: 157px;
    right: 42px;
    position: absolute;
    transform-origin: bottom right;
}

.face_container .f_pt64 {
	width: 22px;
    height: 3px;
    bottom: 157px;
    right: 28px;
    position: absolute;
}

.face_container .f_pt65 {
	width: 11px;
    height: 7px;
    bottom: 162px;
    right: 13px;
    position: absolute;
}

.face_container .f_pt66 {
	width: 21px;
    height: 4px;
    bottom: 175px;
    right: 13px;
    position: absolute;
}

.face_container .f_pt67 {
	width: 11px;
    height: 4px;
    bottom: 170px;
    right: 20px;
    position: absolute;
}

.face_container .f_pt68 {
	width: 20px;
    height: 13px;
    bottom: 167px;
    right: 31px;
    position: absolute;
}

.face_container .f_pt69 {
	width: 11px;
    height: 3px;
    bottom: 165px;
    right: 32px;
    position: absolute;
}

.face_container .f_pt70 {
	width: 11px;
    height: 3px;
    bottom: 165px;
    right: 35px;
    position: absolute;
}

.face_container .f_pt71 {
	width: 26px;
    height: 7px;
    bottom: 182px;
    right: 30px;
    position: absolute;
}

.face_container .f_pt72 {
	width: 17px;
    height: 11px;
    bottom: 192px;
    right: 34px;
    position: absolute;
}

.face_container .f_pt73 {
	width: 17px;
    height: 11px;
    bottom: 192px;
    right: 48px;
    position: absolute;
}

.face_container .f_pt74 {
	width: 17px;
    height: 11px;
    bottom: 181px;
    right: 59px;
    position: absolute;
}

.face_container .f_pt75 {
	width: 33px;
    height: 4px;
    bottom: 192px;
    right: 21px;
    position: absolute;
}

.face_container .f_pt76 {
	width: 9px;
    height: 4px;
    bottom: 188px;
    right: 13px;
    position: absolute;
}

.face_container .f_pt77 {
	width: 9px;
    height: 8px;
    bottom: 188px;
    right: 17px;
    position: absolute;
}

.face_container .f_pt78 {
	width: 20px;
    height: 13px;
    bottom: 178px;
    right: 53px;
    position: absolute;
}

.face_container .f_pt79 {
	width: 8px;
    height: 13px;
    bottom: 168px;
    right: 73px;
    position: absolute;
}

.face_container .f_pt80 {
	width: 20px;
    height: 12px;
    bottom: 176px;
    right: 50px;
    position: absolute;
    transform: rotate(45deg);
}

.face_container .f_pt81 {
	width: 9px;
    height: 12px;
    bottom: 167px;
    right: 55px;
    position: absolute;
}

.face_container .f_pt82 {
	width: 5px;
    height: 12px;
    bottom: 167px;
    right: 56px;
    position: absolute;
}

.face_container .f_pt83 {
	width: 11px;
    height: 3px;
    bottom: 189px;
    right: 43px;
    position: absolute;
}

.face_container .f_pt84 {
	width: 39px;
    height: 13px;
    bottom: 180px;
    right: 16px;
    position: absolute;
    z-index: -5;
}

.face_container .f_pt85 {
	width: 39px;
    height: 13px;
    bottom: 180px;
    right: 12px;
    position: absolute;
    z-index: -5;
    transform: rotate(45deg);
}

.face_container .f_pt86 {
	width: 6px;
    height: 2px;
    bottom: 169px;
    right: 38px;
    position: absolute;
}

.face_container .f_pt87 {
	width: 2px;
    height: 4px;
    bottom: 172px;
    right: 46px;
    position: absolute;
}

.face_container .f_pt88 {
	width: 3px;
    height: 2px;
    bottom: 175px;
    right: 41px;
    position: absolute;
}

.face_container .f_pt89 {
	width: 6px;
    height: 17px;
    bottom: 167px;
    left: 33px;
    position: absolute;
    transform-origin: left bottom;
}

.face_container .f_pt90 {
	width: 7px;
    height: 15px;
    bottom: 169px;
    left: 82px;
    position: absolute;
    transform-origin: right bottom;
}

.face_container .f_pt91 {
	width: 15px;
    height: 9px;
    bottom: 169px;
    left: 54px;
    position: absolute;
    transform-origin: right bottom;
}

.face_container .f_pt92 {
	width: 24px;
    height: 7px;
    bottom: 177px;
    left: 50px;
    position: absolute;
}

.face_container .f_pt93 {
	width: 14px;
    height: 11px;
    bottom: 169px;
    left: 56px;
    position: absolute;
}

.face_container .f_pt94 {
	width: 4px;
    height: 3px;
    bottom: 176px;
    left: 53px;
    position: absolute;
}

.face_container .f_pt95 {
	width: 3px;
    height: 2px;
    bottom: 172px;
    left: 58px;
    position: absolute;
}

.face_container .f_pt96 {
	width: 22px;
    height: 3px;
    bottom: 158px;
    left: 56px;
    position: absolute;
}

.face_container .f_pt97 {
	width: 22px;
    height: 2px;
    bottom: 163px;
    left: 54px;
    position: absolute;
}

.face_container .f_pt98 {
	width: 9px;
    height: 7px;
    bottom: 158px;
    left: 70px;
    position: absolute;
}

.face_container .f_pt99 {
	width: 11px;
    height: 11px;
    bottom: 158px;
    left: 73px;
    position: absolute;
}

.face_container .f_pt100 {
	width: 11px;
    height: 4px;
    bottom: 165px;
    left: 72px;
    position: absolute;
}

.face_container .f_pt101 {
	width: 29px;
    height: 2px;
    bottom: 186px;
    left: 46px;
    position: absolute;
}

.face_container .f_pt102 {
	width: 23px;
    height: 2px;
    bottom: 178px;
    left: 27px;
    position: absolute;
    transform: rotate(-45deg);
}

.face_container .f_pt103 {
	width: 10px;
    height: 3px;
    bottom: 169px;
    left: 74px;
    position: absolute;
}

.face_container .f_pt104 {
	width: 29px;
    height: 17px;
    bottom: 184px;
    left: 64px;
    position: absolute;
    z-index: -1;
}

.face_container .f_pt105 {
	width: 6px;
    height: 5px;
    bottom: 193px;
    left: 93px;
    position: absolute;
    z-index: -1;
}

.face_container .f_pt106 {
	width: 6px;
    height: 5px;
    bottom: 187px;
    left: 93px;
    position: absolute;
    z-index: -1;
}

.face_container .f_pt107 {
	bottom: 188px;
    left: 93px;
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5.0px 0 5.0px 5.0px;
	border-color: transparent transparent transparent #DA2625;
}

.face_container .f_pt108 {
	width: 9px;
    height: 7px;
    bottom: 177px;
    left: 72px;
    position: absolute;
    transform-origin: right bottom;
}

.face_container .f_pt109 {
	width: 3px;
    height: 5px;
    bottom: 185px;
    left: 69px;
    position: absolute;
    transform-origin: left bottom;
}

.face_container .f_pt110 {
	width: 12px;
    height: 2px;
    bottom: 188px;
    left: 59px;
    position: absolute;
}

.face_container .f_pt111 {
	width: 12px;
    height: 2px;
    bottom: 184px;
    left: 62px;
    position: absolute;
}

.face_container .f_pt112 {
	width: 34px;
    height: 5px;
    bottom: 196px;
    left: 36px;
    position: absolute;
}

.face_container .f_pt113 {
	width: 19px;
    height: 5px;
    bottom: 201px;
    left: 53px;
    position: absolute;
}

.face_container .f_pt114 {
	width: 19px;
    height: 5px;
    bottom: 201px;
    left: 58px;
    position: absolute;
}

.face_container .f_pt115 {
	width: 23px;
    height: 8px;
    bottom: 193px;
    left: 64px;
    position: absolute;
}

.face_container .f_pt116 {
	width: 15px;
    height: 8px;
    bottom: 193px;
    left: 61px;
    position: absolute;
}

.face_container .f_pt117 {
	width: 11px;
    height: 2px;
    bottom: 191px;
    left: 81px;
    position: absolute;
}

.face_container .f_pt118 {
	width: 5px;
    height: 3px;
    bottom: 201px;
    left: 67px;
    position: absolute;
}

/* Forehead */

.forehead_container {
	height: 40px;
    position: absolute;
    left: 50px;
    top: 55px;
    width: 210px;
}

.forehead_container .fh_pt1 {
	position: absolute;
    transform-origin: left bottom;
    left: 0;
    height: 40px;
    width: 110px;
}

.forehead_container .fh_pt2 {
	position: absolute;
    transform-origin: right bottom;
    right: 0;
    bottom: 0;
    height: 22px;
    width: 110px;
}

.forehead_container .fh_pt3 {
	position: absolute;
    transform-origin: right bottom;
    right: 40px;
    top: 0;
    height: 18px;
    width: 90px;
}

/* Right Ear */

.right_ear_container {
    height: 230px;
    position: absolute;
    right: 0;
    bottom: 75px;
    width: 50px;
}

.right_ear_container .re_pt1 {
	left: 0;
    top: 0;
    transform-origin: top left;
    width: 5px;
    height: 220px;
    position: absolute;
}

.right_ear_container .re_pt2 {
	left: 0;
    bottom: 0;
    transform-origin: top left;
    width: 10px;
    height: 65px;
    position: absolute;
    z-index: 1;
}

.right_ear_container .re_pt3 {
	left: 0;
    bottom: 75px;
    transform-origin: bottom right;
    width: 15px;
    height: 80px;
    position: absolute;
    z-index: 2;
}

.right_ear_container .re_pt4 {
	left: 15px;
    bottom: 10px;
    transform-origin: bottom left;
    width: 25px;
    height: 80px;
    position: absolute;
}

.right_ear_container .re_pt5 {
	left: 23px;
    bottom: 68px;
    transform-origin: bottom left;
    width: 14px;
    height: 40px;
    position: absolute;
}

.right_ear_container .re_pt6 {
	right: 0;
    bottom: 62px;
    transform-origin: bottom left;
    width: 10px;
    height: 43px;
    position: absolute;
}

.right_ear_container .re_pt7 {
	right: 26px;
    bottom: 75px;
    transform-origin: bottom left;
    width: 10px;
    height: 25px;
    position: absolute;
}

.right_ear_container .re_pt8 {
	left: 8px;
    bottom: 9px;
    width: 15px;
    height: 15px;
    position: absolute;
}

.right_ear_container .re_pt9 {
	left: 23px;
    bottom: 14px;
    width: 10px;
    height: 15px;
    position: absolute;
}

.right_ear_container .re_pt10 {
	right: 0;
    bottom: 102px;
    transform-origin: bottom right;
    width: 5px;
    height: 15px;
    position: absolute;
}

.right_ear_container .re_pt11 {
	right: 5px;
    bottom: 102px;
    transform-origin: bottom right;
    width: 8px;
    height: 20px;
    position: absolute;
}

.right_ear_container .re_pt12 {
	left: 0;
    bottom: 75px;
    transform-origin: bottom right;
    width: 15px;
    height: 80px;
    position: absolute;
    z-index: 2;
}

.right_ear_container .re_pt13 {
    left: 8px;
    bottom: 10px;
    transform-origin: top left;
    width: 10px;
    height: 65px;
    position: absolute;
}

.right_ear_container .re_pt14 {
    left: 30px;
    bottom: 25px;
    transform-origin: bottom left;
    width: 10px;
    height: 35px;
    position: absolute;
}

.right_ear_container .re_pt15 {
	left: 24px;
    bottom: 40px;
    transform-origin: bottom left;
    width: 10px;
    height: 14px;
    position: absolute;
}

.right_ear_container .re_pt16 {
	left: 10px;
    bottom: 40px;
    transform-origin: bottom left;
    width: 25px;
    height: 14px;
    position: absolute;
}

.right_ear_container .re_pt17 {
	left: 10px;
    bottom: 12px;
    transform-origin: bottom left;
    width: 13px;
    height: 30px;
    position: absolute;
}

.right_ear_container .re_pt18 {
	left: 20px;
    bottom: 19px;
    transform-origin: bottom left;
    width: 10px;
    height: 23px;
    position: absolute;
}

.right_ear_container .re_pt19 {
	left: 23px;
    bottom: 12px;
    transform-origin: bottom left;
    width: 7px;
    height: 10px;
    position: absolute;
}

.right_ear_container .re_pt20 {
	right: 5px;
    bottom: 73px;
    transform-origin: bottom right;
    width: 8px;
    height: 35px;
    position: absolute;
}

.right_ear_container .re_pt21 {
	right: 5px;
    bottom: 101px;
    transform-origin: top right;
    width: 8px;
    height: 7px;
    position: absolute;
}

.right_ear_container .re_pt22 {
	position: absolute;
    right: 7px;
    bottom: 89px;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12.5px 12.5px 0;
    border-color: transparent #e35116 transparent transparent;
}

.right_ear_container .re_pt23 {
	position: absolute;
    right: 10px;
    bottom: 70px;
    display: block;
    width: 10px;
    height: 26px;
}

.right_ear_container .re_pt24 {
	position: absolute;
    right: 10px;
    bottom: 65px;
    display: block;
    width: 5px;
    height: 15px;
}

.right_ear_container .re_pt25 {
	position: absolute;
    left: 15px;
    bottom: 54px;
    display: block;
    width: 9px;
    height: 21px;
}

.right_ear_container .re_pt26 {
	position: absolute;
    left: 15px;
    bottom: 62px;
    display: block;
    width: 15px;
    height: 21px;
}

.right_ear_container .re_pt27 {
	position: absolute;
    left: 15px;
    bottom: 58px;
    display: block;
    width: 8px;
    height: 5px;
}

.right_ear_container .re_pt28 {
	position: absolute;
    left: 15px;
	bottom: 67px;
    display: block;
    width: 8px;
    height: 5px;
}

.right_ear_container .re_pt29 {
	display: block;
    position: absolute;
    left: 15px;
    bottom: 55px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10.0px 0 10.0px 6.0px;
    border-color: transparent transparent transparent #14A540;
}


/* Left Ear */

.left_ear_container {
    height: 215px;
    position: absolute;
    left: 0;
    bottom: 90px;
    width: 50px;
}

.left_ear_container .le_pt1 {
	left: 0;
    bottom: 45px;
    width: 50px;
    height: 50px;
    position: absolute;
}

.left_ear_container .le_pt2 {
	position: absolute;
    width: 10px;
    right: 0;
    bottom: 30px;
    height: 120px;
    transform-origin: left bottom;
}

.left_ear_container .le_pt3 {
	left: 5px;
    bottom: 35px;
    width: 10px;
    height: 50px;
    position: absolute;
}

.left_ear_container .le_pt4 {
	left: 15px;
    bottom: 5px;
    width: 10px;
    height: 50px;
    position: absolute;
}

.left_ear_container .le_pt5 {
	left: 35px;
    bottom: 5px;
    width: 10px;
    height: 45px;
    position: absolute;
}

.left_ear_container .le_pt6 {
	left: 25px;
    bottom: 0px;
    width: 10px;
    height: 45px;
    position: absolute;
}

.left_ear_container .le_pt7 {
	left: 25px;
    bottom: 80px;
    width: 10px;
    height: 25px;
    position: absolute;
}

.left_ear_container .le_pt8 {
	left: 30px;
    bottom: 80px;
    width: 10px;
    height: 15px;
    position: absolute;
}

.left_ear_container .le_pt9 {
	left: 30px;
    bottom: 95px;
    width: 5px;
    height: 25px;
    position: absolute;
}

.left_ear_container .le_pt10 {
	left: 12px;
    bottom: 95px;
    width: 12px;
    height: 25px;
    position: absolute;
}

.left_ear_container .le_pt11 {
	left: 40px;
    bottom: 20px;
    width: 10px;
    height: 5px;
    position: absolute;
}

.left_ear_container .le_pt12 {
	left: 30px;
    bottom: 95px;
    width: 10px;
    height: 5px;
    position: absolute;
}

.left_ear_container .le_pt13 {
	left: 27px;
    bottom: 7px;
    width: 8px;
    height: 28px;
    position: absolute;
}

.left_ear_container .le_pt14 {
	left: 35px;
    bottom: 15px;
    width: 5px;
    height: 17px;
    position: absolute;
}

.left_ear_container .le_pt15 {
	left: 35px;
    bottom: 10px;
    width: 5px;
    height: 17px;
    position: absolute;
}

.left_ear_container .le_pt16 {
	left: 18px;
    bottom: 12px;
    width: 9px;
    height: 11px;
    position: absolute;
}

.left_ear_container .le_pt17 {
	left: 18px;
    bottom: 19px;
    width: 6px;
    height: 13px;
    position: absolute;
}

.left_ear_container .le_pt18 {
	left: 24px;
    bottom: 15px;
    width: 6px;
    height: 20px;
    position: absolute;
}

.left_ear_container .le_pt19 {
	left: 17px;
    bottom: 55px;
    width: 3px;
    height: 15px;
    position: absolute;
}

.left_ear_container .le_pt20 {
	left: 23px;
    bottom: 72px;
    width: 5px;
    height: 10px;
    position: absolute;
}

.left_ear_container .le_pt21 {
	left: 17px;
    bottom: 66px;
    width: 11px;
    height: 9px;
    position: absolute;
}

.left_ear_container .le_pt22 {
	right: 0;
    top: 0;
    width: 5px;
    height: 15px;
    position: absolute;
    transform-origin: top right;
}

.left_ear_container .le_pt23 {
	right: 0;
    top: 10px;
    width: 15px;
    height: 5px;
    position: absolute;
    transform-origin: top right;
}

.left_ear_container .le_pt24 {
	right: 0;
    top: 20px;
    width: 10px;
    height: 10px;
    position: absolute;
    transform-origin: top right;
}

.left_ear_container .le_pt25 {
	right: 0;
    top: 35px;
    width: 15px;
    height: 5px;
    position: absolute;
    transform-origin: top right;
}

.left_ear_container .le_pt26 {
	right: 0;
    top: 45px;
    width: 10px;
    height: 5px;
    position: absolute;
    transform-origin: top right;
}

.left_ear_container .le_pt27 {
	right: 0;
    top: 40px;
    width: 5px;
    height: 5px;
    position: absolute;
    transform-origin: top right;
}

/* Chin */

.chin_container {
	position: absolute;
	bottom: 0;
	left: 50px;
	width: 215px;
	height: 75px;
}

.chin_container .chin_pt1 {
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 50.0px 50.0px 0;
	border-color: transparent #fff transparent transparent;
}

.chin_container .chin_pt2 {
	position: absolute;
	bottom: 25px;
	left: 70px;
	width: 115px;
	height: 50px;
}

.chin_container .chin_pt3 {
	position: absolute;
	bottom: 25px;
	left: 50px;
	width: 50px;
	height: 50px;
}

.chin_container .chin_pt4 {
	position: absolute;
    bottom: 5px;
    left: 85px;
    width: 60px;
    height: 10px;
}

.chin_container .chin_pt5 {
	position: absolute;
    bottom: 5px;
    left: 65px;
    width: 5px;
	height: 30px;
}

.chin_container .chin_pt6 {
	position: absolute;
    bottom: 5px;
    left: 75px;
    width: 20px;
    height: 10px;
}

.chin_container .chin_pt7 {
	position: absolute;
    bottom: 15px;
    left: 85px;
    width: 70px;
    height: 10px;
}

.chin_container .chin_pt8 {
	position: absolute;
    bottom: 15px;
    left: 70px;
    width: 30px;
    height: 10px;
}

.chin_container .chin_pt9 {
	position: absolute;
    bottom: 25px;
    left: 40px;
    width: 10px;
    height: 20px;
}

.chin_container .chin_pt10 {
	position: absolute;
    bottom: 40px;
    left: 20px;
    width: 5px;
    height: 20px;
}

.chin_container .chin_pt11 {
	position: absolute;
    transform-origin: top right;
    bottom: 25px;
    right: 5px;
    width: 10px;
    height: 40px;
}

.chin_container .chin_pt12 {
	position: absolute;
    transform-origin: top right;
    bottom: 65px;
    right: 5px;
    width: 10px;
    height: 10px;
}

.chin_container .chin_pt13 {
	position: absolute;
    bottom: 46px;
    left: 10px;
    width: 5px;
    height: 20px;
}

/* Neck */

.nck_container {
	position: absolute;
	bottom: 65px;
	left: 205px;
	width: 180px;
	height: 190px;
}

.nck_container .nck_pt1 {
	transform-origin: top left;
	width: 90px;
	height: 20px;
	position: absolute;
	left: 0;
	top: 0;
}

.nck_container .nck_pt2 {
	width: 20px;
	height: 35px;
	position: absolute;
	left: 75px;
	top: 60px;
}

.nck_container .nck_pt3 {
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 35px;
	top: 40px;
	border-style: solid;
	border-width: 0 45.0px 45.0px 0;
	border-color:  transparent #fff transparent transparent;
}

.nck_container .nck_pt4 {
	transform-origin: top left;
	width: 60px;
	height: 25px;
	position: absolute;
	left: 20px;
	top: 40px;
}

.nck_container .nck_pt5 {
	transform-origin: top left;
	width: 30px;
	height: 30px;
	position: absolute;
	left: 45px;
	top: 80px;
}

.nck_container .nck_pt6 {
	width: 35px;
	height: 35px;
	position: absolute;
	left: 95px;
	top: 60px;
}

.nck_container .nck_pt7 {
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30.0px 32.5px 0 32.5px;
	border-color: #DA2625 transparent transparent transparent;
	position: absolute;
	left: 65px;
	top: 95px;
}

.nck_container .nck_pt8 {
	transform-origin: top left;
	position: absolute;
	left: 65px;
	top: 95px;
	width: 40px;
	height: 55px;
}

.nck_container .nck_pt9 {
	position: absolute;
	left: 65px;
	top: 95px;
	width: 40px;
	height: 40px;
}

.nck_container .nck_pt10 {
	transform-origin: top right;
	position: absolute;
	right: 0px;
	top: 10px;
	width: 50px;
	height: 60px;
}

.nck_container .nck_pt11 {
	transform-origin: top right;
	position: absolute;
	right: 40px;
	top: 80px;
	width: 35px;
	height: 75px;
}

.nck_container .nck_pt12 {
	transform-origin: top right;
	position: absolute;
	right: 10px;
	top: 80px;
	width: 30px;
	height: 25px;
}

// Original artwork by https://www.deviantart.com/kozimakolby/art/WPAP-Linkin-Park-410850991

This Pen is owned by petrovicstefanrs on CodePen.

See more by @petrovicstefanrs on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.