.text { 
font-family: courier;
font-size: 24px;
color: black;
position:absolute;
top: 250px;
left: 300px;
}

.buttonside1 {
    width: 2px;
    background-color:black;
    height: 20px;
    position:absolute;
    top:300px ;
    left: 1300px;
}
.buttonside2 {
    width: 2px;
    background-color:black;
    height: 20px;
    position:absolute;
    top:306px ;
    left: 1308px;
           -ms-transform: rotate(30deg); /* IE 9 */
    -webkit-transform: rotate(30deg); /* Safari */
    transform: rotate(70deg);
}

.buttonside3 {
    width: 2px;
    background-color:black;
    height: 20px;
    position:absolute;
    top:297px ;
    left: 1309px;
           -ms-transform: rotate(30deg); /* IE 9 */
    -webkit-transform: rotate(30deg); /* Safari */
    transform: rotate(-50deg);
}

.boxtop {
   width: 50px;
background-color: black;
height: 2px;
position: absolute;
top: 256px;
left:1100px;
} 

.boxright {
width: 2px;
background-color: black;
height: 50px;
position: absolute;
top: 257px;
left:1150px;
}

.boxbottom {
    width: 50px;
background-color: black;
height: 2px;
position: absolute;
top: 306px;
left:1101px;
}

.boxleft
{
width: 2px;
background-color: black;
height: 50px;
position: absolute;
top: 257px;
left:1100px;
}

.boxleg {
width: 2px;
background-color: black;
height: 60px;
position: absolute;
top: 308px;
left:1115px;
}

.boxleg1 {
    width: 2px;
background-color: black;
height: 60px;
position: absolute;
top: 308px;
left:1135px;
}

.foot1 {
    width: 10px;
    height:2px;
    background-color: black;
    position: absolute;
    top: 368px;
    left:1107px;
}

.foot2 {
    width: 10px;
    height:2px;
    background-color: black;
    position: absolute;
    top: 368px;
    left:1135px;
}

.boxarm1 {
    width:20px;
    height: 2px;
    background-color: black;
    position: absolute;
    top: 290px;
    left: 1084px;
               -ms-transform: rotate(30deg); /* IE 9 */
    -webkit-transform: rotate(30deg); /* Safari */
    transform: rotate(-50deg);
}

.boxarm {
    width:20px;
    height: 2px;
    background-color: black;
    position: absolute;
    top: 290px;
    left: 1148px;
               -ms-transform: rotate(30deg); /* IE 9 */
    -webkit-transform: rotate(30deg); /* Safari */
    transform: rotate(50deg);
}
.boxarm2 {
    width:2px;
    height:20px;
    background-color: black;
    position: absolute;
    top: 297px;
    left:1163px;
}

.boxarm3 {
    width:2px;
    height:20px;
    background-color: black;
    position: absolute;
    top: 297px;
    left:1087px;
}

.mouth {
    width: 30px;
    height: 2px;
    background-color: black;
    position:absolute;
    top:295px;
    left: 1111px;
}

.eye1top {
 width: 5px;
    height: 2px;
    background-color: black;
    position:absolute;
    top:270px;
    left: 1111px;
}   

.eye1right {
     width: 2px;
    height: 12px;
    background-color: black;
    position:absolute;
    top:270px;
    left: 1116px;
}   
.eye1bottom {
 width: 5px;
    height: 2px;
    background-color: black;
    position:absolute;
    top:280px;
    left: 1111px;
} 

.eye1left {
     width: 2px;
    height: 12px;
    background-color: black;
    position:absolute;
    top:270px;
    left: 1111px;
}  


.eye2right {
     width: 2px;
    height: 12px;
    background-color: black;
    position:absolute;
    top:270px;
    left: 1135px;
                   -ms-transform: rotate(30deg); /* IE 9 */
    -webkit-transform: rotate(30deg); /* Safari */
    transform: rotate(30deg);
}   
.eye2bottom {
 width: 7px;
    height: 2px;
    background-color: black;
    position:absolute;
    top:280px;
    left: 1131px;
} 

.eye2left {
     width: 2px;
    height: 12px;
    background-color: black;
    position:absolute;
    top:270px;
    left: 1131px;
}

.pupil2 {
    width: 5px;
    height: 5px;
    background-color: black;
    position:absolute;
    top:275px;
    left: 1111px;
}