.power-source-div{
    position: absolute;
    top: 10%;
    left: 7%;
    width: 14%;
    /* background-color: red; */
}
#power-source{
    width: 100%;
}
.offSource{
    position: absolute;
    top: 20%;
    left: 25%;
    width: 43%;
    height: 16%;   
    background-color: black;
}
.power-source-text{
    position: absolute;
    background-image: url(../assets/plank.png);
    background-size: cover;
    border-radius: 5px;
    padding: 0 10px;
    font-weight: bold;
    font-size: 1.5rem;
    bottom: -9%;
    left: 5%;
    border: 2px solid black;
}
#power-source-negative{
    position: absolute;
    /* border: 2px solid black; */
    font-weight: bold;
    font-size: 1.2rem;
    padding-top:6px ;
    color: brown;
    top: 65%;
    right: 35%;
    z-index: 10;
}
#power-source-positive{
    position: absolute;
    /* border: 2px solid black; */
    font-size: 1.2rem;
    padding-top:6px ;
    font-weight: bold;
    color: brown;
    top: 65%;
    left: 35%;
    z-index: 10;

}
#inverter-positive{
    position: absolute;
    z-index: 1;
    /* border: 2px solid black; */
    padding-left: 25px;
    font-weight: bold;
    color: brown;
    top: 19.5%;
    right: -134.68%;
    z-index: 10;
}
#inverter-negative{
    position: absolute;
    z-index: 1;
    /* border: 2px solid black; */
    padding-left: 23px;
    font-weight: bold;
    color: brown;
    bottom: 4%;
    right: -135.5%;
    z-index: 10;
}