.border {
list-style: none;
padding: 0;
}
.border li {
font-family: "Trebuchet MS", "Lucida Sans";
padding: 7px 20px;
margin-bottom: 10px;
border-radius: 5px;
border-left: 10px solid #4e4793; 
box-shadow: 2px -2px 5px 0 rgba(0,0,0,.1),
     -2px -2px 5px 0 rgba(0,0,0,.1),
    2px 2px 5px 0 rgba(0,0,0,.1),
    -2px 2px 5px 0 rgba(0,0,0,.1);
font-size: 20px;
letter-spacing: 2px;
transition: 0.3s all linear;
}
.border li:nth-child(2){border-color: #4e4793;}
.border li:nth-child(3){border-color: #4e4793;}
.border li:nth-child(4){border-color: #4e4793;}
.border li:nth-child(5){border-color: #4e4793;}
.border li:nth-child(6){border-color: #4e4793;}
.border li:nth-child(7){border-color: #4e4793;}
.border li:nth-child(8){border-color: #4e4793;}
.border li:nth-child(9){border-color: #4e4793;}
.border li:nth-child(10){border-color: #4e4793;}
.border li:hover {border-left: 10px solid transparent;}
.border li:nth-child(1):hover {border-right: 10px solid #4e4793;}
.border li:nth-child(2):hover {border-right: 10px solid #4e4793;}
.border li:nth-child(3):hover {border-right: 10px solid #4e4793;}
.border li:nth-child(4):hover {border-right: 10px solid #4e4793;}
.border li:nth-child(5):hover {border-right: 10px solid #4e4793;}
.border li:nth-child(6):hover {border-right: 10px solid #4e4793;}
.border li:nth-child(7):hover {border-right: 10px solid #4e4793;}
.border li:nth-child(8):hover {border-right: 10px solid #4e4793;}
.border li:nth-child(9):hover {border-right: 10px solid #4e4793;}
.border li:nth-child(10):hover {border-right: 10px solid #4e4793;}