Hover Effect in the Text

/* Write [.focus] above your text to add the hover effect to this section */

.focus p {
    line-height: 1.8;
    transition: all 0.3s ease;
    position: relative;
}

.focus p:hover {
    transform: translateX(10px);
    padding-left: 20px;
    border-left: 3px solid black;
}