.software-developer-card-left{
    position: absolute;    
    float: left;
    top: 0;     
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 2;
    background: black;
    transition: background .5s .5s ease-out;        
}

img#software-developer:hover ~ #software-developer-left-slide > .software-developer-card-left{
    background: transparent; 
}

.software-developer-card-element-left{
    position: absolute;
    float: left;
    left: 0;
    top: 10vh;
    left: 2vw;
    width: 65%;
    height: 40vh;    
    background: linear-gradient(to top right, #FF2DF1, #F6DC43);
    border-radius: 8px;
}
.software-developer-card-element-left-one{
    position: absolute;
    float: left;
    left: 0;
    top: 55vh;
    left: 2vw;
    width: 65vw;
    height: 28vh;
    background: linear-gradient(to bottom right, #FF2DF1, #F6DC43);
    border-radius: 8px;    
}



.software-developer-card-element-left .software-developer-left-image{
    position: absolute;
    float: right;
    right: 0px;
    top: -12vh;
    width: 15vw;
    height: 30vh;    
    transition: 2s ease-in-out;
    border-radius: 50%;    
}
.software-developer-card-element-left-one .software-developer-icon{
    position: absolute;
    float: right;
    right: 0px;
    top: -24vh;
    width: 20vw;
    height: 40vh;    
    transition: 2s ease-in-out;      
}


.software-developer-card-title-left{
    position: absolute;    
    width: 67%;
    height: 46%;    
    float: left;
    top: 0;
    left: 0;        
}
.software-developer-card-title-left-one{
    position: absolute;    
    width: 71%;
    height: 40%;    
    float: left;
    top: 0;
    left: 0;     
}


.software-developer-card-word-left{
    position: absolute;    
    width: 100%;
    height: 55%;    
    float: left;
    bottom: 0;
    justify-content: center;
    align-items: center;
    /* border: 1px solid red;     */
}
.software-developer-card-word-left-one{
    position: relative;    
    width: 100%;
    height: 50%;    
    float: left;
    left: 0;
    bottom: 0; 
    top: 12vh;    
}


.software-developer-card-word-left-one ul{
    position: absolute;
    display: flex;
    top: 50%;
    left: 50%;    
    transform: translate(-50%,-50%);
    border-radius: 8px;        
}
.software-developer-card-word-left-one ul li{
    list-style: none;
    margin: 0 5px;     
    text-align: center;
}

.software-developer-card-word-left-one ul li .fa-brands, .fa-solid{      
    font-size: 20px;
    padding-bottom: 5px;         
}

.software-developer-card-word-left-one ul li .icons{        
    height: 20px;
    width: 20px;
}

.software-developer-card-word-left-one ul li span{
    color: white;
}

.software-developer-card-word-left-one ul li .fa-brands, .fa-solid, .icons{
    line-height: 20px;
}