body{

  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
      "wdth" 100;

}
    
.container_b{
    display:flex;
    flex-direction:column;
    width: 50ch;
 

}

.counter{
    align-self:end;
}

body{
    display:flex;
    justify-content: center;
    align-items: flex-start;
    padding-top: 2rem;

}


.inline-container{
    display:flex;
    align-items:center;

}

.inline-container p{
    margin:0;
    padding:0;
}
     


.inline-container > .right  {
    margin-left: auto;

}
.active1{
    color:blue;
    opacity:1;
    text-decoration:underline;
    cursor:pointer;
}

.inactive1{
    color:black  ;
    opacity:0.7;
    text-decoration:none;
    cursor:default;
}