theshell.ch/site/_sass/_topics.scss

.list-commands {
   list-style: none;
   width: 100%;
 }

.list-commands li {
   border-radius: 50px;
   margin-bottom: 5px;
   transition:500ms;

   a{
    width: calc(100% - 2em - 20px);
    text-decoration: none;
    font-size: 2.8vh;
    font-weight: bold;
    display: inline-block;
    padding: 4px 0 4px 20px;
   }
}

.before-command {
  background: #6a6;
  border-radius: 100%;
  padding: 4px 12px;
  font-size: 2.8vh;
  transition:500ms;
}

.list-commands li:hover{
 	background-color: #646464;

  .before-command{
    border-radius:10px;
    color:#000;
  }

  .blink:after{
    content:"_";
    animation: blink 800ms linear infinite;
  }

  @keyframes blink{
    0% { opacity:1; }
    50% { opacity:1; }
    50.01% { opacity:0; }
    100% { opacity:0; }
  }
}

.list-commands-container {
  padding-top: 0.5rem;
}

.description-section{
  width: 65%;
  margin: auto;
  line-height: 30px;
  border-left: 5px solid #000;
  padding: 20px;
  margin: 50px 0;
}