.main{
    position: relative;
    margin-left: auto;
    margin-right:auto;
}

.add{
    position: absolute;
}

/* 
https://inst.eecs.berkeley.edu/~cs194-26/fa18/upload/files/proj4/cs194-26-agw/
https://medias.spotern.com/wanted/w640/51/51942-1574753810.jpg



*/

/*  BRUCE HEAD */
#bruce:hover .skinchange{
    background: green;
}

#bruce:hover .skinchange-triangle{
    border-top: 260px solid green;
}

.bruce-head-container{
    height: 1000px;
    width: 1000px;
    background:teal;
    padding-top: 200px;
}

.bruce-head-main{
    height: 400px;
    width: 350px;
    background: #e8b99b;
    border-radius:80px;
}

.bruce-hair-main{
    width: 350px;
    height: 100px;
    background: black;
}

.bruce-glasses{
    top: 180px;
    width: 100%;
    height:20px;
    background: black;
}

.bruce-glasses-left, .bruce-glasses-right{
    top:160px;

    height: 70px;
    width: 110px;

    border-radius: 30px;
    border: 15px black;
    border-style: solid;

    background: #e8b99b
}

.bruce-glasses-left{
    left: 15px;
}

.bruce-glasses-right{
    right: 15px;
}


/* BRUCE BODY */

.bruce-body-main{
    width: 700px;
    height: 400px;
    background: 
    linear-gradient(45deg, rgb(85,104,111) 12%, transparent 0, transparent 88%, rgb(85,104,111) 0),
    linear-gradient(135deg, transparent 37%, rgb(37,59,70) 0, rgb(37,59,70) 63%, transparent 0),
    linear-gradient(45deg, transparent 37%, rgb(85,104,111) 0, rgb(85,104,111) 63%, transparent 0)
    rgb(35,52,60);
    background-size: 25px 25px;
    border-radius: 10%;
}

.bruce-collar{
    width: 0; 
    height: 0; 
    border-left: 125px solid transparent;
    border-right: 125px solid transparent;
    
    border-top: 300px solid #5481a5;
}

.bruce-collar-left{
    z-index: 1;
    top: 565px;
    left: 340px;
    width: 0; 
    height: 0; 
    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent;
    border-left: 60px solid #5481a5;
}

.bruce-collar-right{
    z-index: 1;
    top: 565px;
    right: 340px;
    width: 0; 
    height: 0; 
    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent;
    border-right: 60px solid #5481a5;
}

.bruce-collar-skin{
    top: 0;
    left:38.5%;
    width: 0; 
    height: 0; 
    border-left: 80px solid transparent;
    border-right: 80px solid transparent;
    
    border-top: 260px solid #e8b99b;
}