.pencil-container
{
    position: absolute;
    width: 452px;
    height: 26px;
    left:50%;
    top:75%;
}
.pencil-lead {
    position: absolute;
    left: 0;
    top: 8px;
    width: 20px;
    height: 10px;
    clip-path: polygon(0% 50%, 100% 0%,100% 100%);
    background-color: #0B0B0B;
    border-radius: 3px;
    -webkit-box-shadow: 3px 10px 26px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 10px 26px -5px rgba(0,0,0,0.75);
    box-shadow: 3px 10px 26px -5px rgba(0,0,0,0.75);
}
.pencil-wood
{
    position: absolute;
    left: 19px;
    height: 26px;
    width: 26px;
    background-color: #DBA367;
    background-image: radial-gradient(#AA7F52 2px, transparent 0);
    background-size: 10px 4px;
    clip-path: polygon(0% 31%, 100% 0%,100% 100%, 0% 69%);
    -webkit-box-shadow: 3px 10px 26px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 10px 26px -5px rgba(0,0,0,0.75);
    box-shadow: 3px 10px 26px -5px rgba(0,0,0,0.75);
}
.pencil-body
{
    position: absolute;
    left: 45px;
    height: 26px;
    width: 350px;
    background-image: repeating-linear-gradient(0deg, #CC9004, #CC9004 1.5px, #FFB605 1.5px, #FFB605 7px, #CC9004 7px,#CC9004 8px,black 8px, black 17.5px, #CC9004 17.5px, #CC9004 18px,#FFB605 18px, #FFB605 25px, #CC9004 25px);
    -webkit-box-shadow: 3px 10px 26px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 10px 26px -5px rgba(0,0,0,0.75);
    box-shadow: 3px 10px 26px -5px rgba(0,0,0,0.75);
}
.pencil-ferrule
{
    position: absolute;
    left: 395px;
    height: 26px;
    width: 21px;
    background-image: repeating-linear-gradient(90deg, #6B6B6B, #878787 5px);
    -webkit-box-shadow: 3px 10px 26px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 10px 26px -5px rgba(0,0,0,0.75);
    box-shadow: 3px 10px 26px -5px rgba(0,0,0,0.75);
}
.pencil-eraser
{
    position: absolute;
    left: 416px;
    height: 26px;
    width: 25px;
    background-color: #FF43E4;
    background-image: repeating-linear-gradient(90deg, #BC32AA, #BC32AA 3px,#FF43E4 3px, #FF43E4 34px, #BC32AA 34px);
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    -webkit-box-shadow: 3px 10px 26px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 10px 26px -5px rgba(0,0,0,0.75);
    box-shadow: 3px 10px 26px -5px rgba(0,0,0,0.75);
}