/* recovered from the original pen: https://codepen.io/vuild/pen/DvRoED */
/* More https://vuild.com */



#freedom {
background: #eee;
height: 950px;
width:900px;
text-align: center;
padding-top: 50px;
padding-bottom: 300px;
}

#freedom-title {
font-size: 6em;
font-family:sans-serif;
font-weight:bold;
color: #0065BD;
padding-top: 160px;
padding-bottom: 50px;
text-transform: uppercase;
}

#freedom-head {
margin-top:5px;
background: #0065BD; 
margin-left:auto;
margin-right:auto;
width:250px; 
height:375px;
-webkit-border-radius:98px 98px 98px 98px/
112px 112px  168px 168px ;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
}

#freedom-face-paint  {
width:0;
height:0;
position:relative;
z-index:99999;
margin-left:auto;
margin-right:auto;
margin-top:-350px;
border-top: 350px solid #fff;
border-left: 70px solid transparent;
border-right: 60px solid transparent;
-moz-transform: rotate(-13deg);
-webkit-transform: rotate(-13deg);
-o-transform: rotate(-13deg);
-ms-transform: rotate(-13deg);
transform: rotate(-13deg);
-webkit-border-radius:98px 98px 98px 98px/
112px 112px  168px 168px ;
border-radius:80% 80% 50% 50%/90% 90% 60% 60%;
}

#freedom-braveheart {
padding-top: 240px;
margin-top:-100px;
}

#freedom-mouth-in {
width:50px;
height:50px;
margin-left:auto;
margin-right:auto;
position:relative;
z-index:999999;
background:black;
padding: 10px;
border-radius:50px;
}

#freedom-spikes {
height: 300px;
width: 800px;
margin-top: 80px;
margin-left:auto;
margin-right:auto;
}

#freedom-spike-four {
width: 0;
height: 0;
border-left: 15px solid transparent;
border-bottom: 150px solid #000;
border-right: 15px solid transparent;
margin-left:auto;
margin-right:auto;
margin-bottom: -100px;
}

#freedom-spikes-one {
height: 150px;
width: 650px;
margin-left:auto;
margin-right:auto;
}

#freedom-spike-one {
float: left;
width: 0;
height: 0;
margin-top:-19px;
margin-left: 190px;
border-left: 15px solid transparent;
border-bottom: 150px solid #000;
border-right: 15px solid transparent;
-moz-transform: rotate(-30deg);
-webkit-transform: rotate(-30deg);
-o-transform: rotate(-30deg);
-ms-transform: rotate(-30deg);
transform: rotate(-30deg);
}

#freedom-spike-seven {
float: right;
width: 0;
height: 0;
margin-top:-19px;
margin-right: 190px;
border-left: 15px solid transparent;
border-bottom: 150px solid #000;
border-right: 15px solid transparent;
-moz-transform: rotate(30deg);
-webkit-transform: rotate(30deg);
-o-transform: rotate(30deg);
-ms-transform: rotate(30deg);
transform: rotate(30deg);
}

#freedom-spikes-two {
height: 150px;
width: 600px;
margin-left:auto;
margin-right:auto;
}

#freedom-spike-two {
float: left;
width: 0;
height: 0;
margin-left: 90px;
margin-top: -100px;
border-left: 15px solid transparent;
border-bottom: 150px solid #000;
border-right: 15px solid transparent;
-moz-transform: rotate(-57deg);
-webkit-transform: rotate(-57deg);
-o-transform: rotate(-57deg);
-ms-transform: rotate(-57deg);
transform: rotate(-57deg);
}

#freedom-spike-six {
float: right;
width: 0;
height: 0;
margin-right: 90px;
margin-top: -100px;
border-left: 15px solid transparent;
border-bottom: 150px solid #000;
border-right: 15px solid transparent;
-moz-transform: rotate(57deg);
-webkit-transform: rotate(57deg);
-o-transform: rotate(57deg);
-ms-transform: rotate(57deg);
transform: rotate(57deg);
}

#freedom-spikes-three {
height: 100px;
width: 600px;
margin-left:auto;
margin-right:auto;
margin-bottom: -200px;
}

#freedom-spike-three {
float: left;
width: 0;
height: 0;
margin-top: -160px;
margin-left: 60px;
border-left: 15px solid transparent;
border-bottom: 150px solid #000;
border-right: 15px solid transparent;
-moz-transform: rotate(-80deg);
-webkit-transform: rotate(-80deg);
-o-transform: rotate(-80deg);
-ms-transform: rotate(-80deg);
transform: rotate(-80deg);
}

#freedom-spike-five {
float: right;
width: 0;
height: 0;
margin-top: -160px;
margin-right: 60px;
border-left: 15px solid transparent;
border-bottom: 150px solid #000;
border-right: 15px solid transparent;
-moz-transform: rotate(80deg);
-webkit-transform: rotate(80deg);
-o-transform: rotate(80deg);
-ms-transform: rotate(80deg);
transform: rotate(80deg);
}


/* Thanks for looking. More at http://enrappture.com   */