.dc-dc-converter-div{
    position: absolute;
    top: 10%;
    left: 10%;
    width: 15%;
    /* background-color: red; */
}
#dc-dc-converter{
    width: 100%;
}
.dc-dc-converter-text{
    position: absolute;
    background-image: url(../assets/plank.png);
    background-size: cover;
    border-radius: 5px;
    padding: 0 5px;
    font-weight: bold;
    font-size: 1.5rem;
    bottom: -20%;
    right: 0%;
    border: 2px solid black;
}
#v-needle{
    position: absolute;
    width: 25px;
    top: 50%;
    left: 13.5%;
    transform-origin: right;
    transform: rotate(25deg);
    transition: all 0.5s ease-in-out;
}
#v-needle-cover{
    position: absolute;
    top: 47.5%;
    left: 23%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: rgb(39, 38, 38);
    box-shadow: 0 0 3px rgb(39, 38, 38);
}
/* #v-needle:hover{
    cursor: pointer;
    transform: rotate(110deg);
} */
#a-needle{
    position: absolute;
    /* background-color: red;  */
    width: 25px;
    top: 49.5%;
    right: 24%;
    transform-origin: right;
    transform: rotate(25deg);
    transition: all 0.5s ease-in-out;
}
#a-needle-cover{
    position: absolute;
    top: 47.5%;
    right: 22.5%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: rgb(39, 38, 38);
    box-shadow: 0 0 3px rgb(39, 38, 38);
}
/* #a-needle:hover{
    cursor: pointer;
    transform: rotate(48deg)
} */
#dc-dc-converter-negative{
    position: absolute;
    /* border: 2px solid black; */
    font-weight: bold;
    font-size: 1rem;
    padding-top:6px ;
    color: brown;
    top: 82%;
    right: 32.5%;
    z-index: 10;
}
#dc-dc-converter-positive{
    position: absolute;
    /* border: 2px solid black; */
    font-size: 1rem;
    padding-top:6px ;
    font-weight: bold;
    color: brown;
    top: 82%;
    left: 36%;
    z-index: 10;

}
#inverter-positive{
    position: absolute;
    z-index: 1;
    /* border: 2px solid black; */
    padding-left: 18px;
    font-weight: bold;
    color: brown;
    top: 22.3%;
    right: -89.5%;
    z-index: 10;
}
#inverter-negative{
    position: absolute;
    z-index: 1;
    /* border: 2px solid black; */
    padding-left: 15px;
    font-weight: bold;
    color: brown;
    bottom: 4%;
    right: -89.7%;
    z-index: 10;
}