* {
  box-sizing: border-box;
}

html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

/*.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {*/
/*  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;*/
/*}*/

html {
  /*position: relative;*/
  /*min-height: 100%;*/
}

body {
  font-family: Roboto, verdana, serif;
  margin: 0;
}

.menu-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  border:  1px solid gray;
  background-color: lightgreen;
  padding: 5px;
  text-decoration:none;
  gap:5px;
  min-width:200px;
}

.menu-item[data-selected="True"] {
  background-color: deepskyblue;
}

.menu-item-icon{
  height: 20px;
  width: 20px;
  display: block;
  flex:0 0 20px;
}

.menu-item span{
  text-decoration:none;
}

.menu-item:hover span,
.menu-item:focus-visible span{
  text-decoration:underline;
  text-underline-offset:2px;
}

.menu-item svg{ fill:currentColor; stroke:currentColor; }