:root {
    --brand: #0B2F9F;
    --sub: #C7FFD8;
    --body: #516171;
    --border: rgba(0,0,0,0.08);
    --shadow: 0px 6px 30px rgba(0, 0, 0, 0.08);
}

 /* Widget tags */
.widget-tags ul > li {
    text-align: center;
    margin: 3px;
  }
  
  .widget-tags ul > li a {
    border: 1px solid #dadada;
    color: #ffffff;
    display: block;
    font-size: 25px;
    padding: 3px 15px;
    transition: all 0.3s ease 0s;
    background: var(--brand);
  }
  
  .widget-tags ul > li a:hover {
    background: var(--sub);
    color: #000000;
    border: 1px solid black;
  }