rightside.css

#hacktoberDiv,.rightSidePost{
    font-family: sans-serif;
     padding: 15px;
     background-color: rgb(250, 250, 250);
     border-radius: var(--borderRadius);
     margin-bottom: 15px;
    object-fit: cover;
    box-shadow: 0.5px 0.5px 3px rgb(173, 168, 168);
}

#hacktoberDiv> img{
    border-radius: var(--borderRadius);
    width: 100%;
}

#bodyRightSide{
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 20px;
}

.rightSidePost_heading{
    display: flex;
    justify-content: space-between;

}

.rightSidePost_heading>h5{

    color: rgb(108, 108, 239);
    font-size: 14px;
    margin-top: 5px;
}
.rightSidePost_contentListDiv>h2{

    margin:0px;
    font-size: 18px;
    padding: 2px;
    font-weight: lighter;
    background-color: rgb(255, 199, 96);
    color: rgba(93, 59, 35, 0.564);
    border-radius: 5px;
    width: fit-content;
}

.rightSidePost_heading>h3{
    
    font-size: 20px;
    font-weight: 600;
    margin-top: 5px;
}


.rightSidePost_contentListDiv{
    padding-top: 1px;
    padding-bottom: 1px;
}
.rightSidePost_contentListDiv>h4{
    font-weight: 100;
    color: rgb(87, 87, 87);
    margin-bottom: 0px;

}

.rightSidePost_contentListDiv>h5{
    margin-top: 5px;
    font-weight: 100;
    color: rgb(132, 132, 132);

}

.rightSidePost_contentListDiv:hover >h4,.rightSidePost_contentListDiv:hover{
    color:  rgb(108, 108, 239);
    background-color: white;
}


#createListing{
    text-align: center ;
    font-size: 16px;
}

#createListing:hover{
   
    color:  rgb(108, 108, 239);
}