.art-frame{
    position: absolute;
    left: 35%;
    bottom: 6%;
    width: 30%;
}

.artwrk{
    display: block;
    width: 100%;
    height: auto;
}

.bracket{
    position: absolute;
    top: 40%;
    transform: translateY(-50%) scale(2,10);
    font-size: 4rem;
    line-height: 1;
}

.bracket.left{
    left: -3rem;
}

.bracket.right{
    right: -3rem;
}

.yin{
    position:absolute;
    top:70%;
    transform: translateY(-50%) scale(5,5);
    font-size: 4rem;
    line-height:1;
}

.yin.left{
    left:10%;
}

.yin.right{
    right:10%;
}

a{
    text-decoration: none;
    color:black;
}

#heaven{
position: absolute;
width:10%;
left:7%;
}

#earth{
position: absolute;
width:10%;
right:7%;
}