/* CSS stils */

/*font-family: system-ui      /* SF pro */
/*font-family: ui-rounded     /* SF Pro Rounded */
/*font-family: ui-serif       /* New York */
/*font-family: ui-monospace   /* SF Mono */

html {
   width:-webkit-fill-available; 
   height:-webkit-fill-available; 
   font-size: 1rem;
   line-height: 1.47059; 
   font-weight: 400; 
   letter-spacing: -.022em; 
   font-family: SF Pro Text, 
                system-ui, 
                -apple-system, 
                BlinkMacSystemFont,  
                Helvetica, 
                sans-serif; 
   background-color: var(--color-fill); 
   font-style: normal; 
   background-color: transparent;
}
a, a:link, a:visited {}
a {color: #393938;
   text-decoration:none;
   background-color:transparent;
   -webkit-text-decoration-skip:objects}
a:hover {color:#0056b3;
         text-decoration:underline}
a:not([href]):not([tabindex]) {color:inherit;
                               text-decoration:none}
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {color:inherit;
                                     text-decoration:none}
a:not([href]):not([tabindex]):focus {outline:0}

li {list-style:none;}

        body {
            font-family: ui-rounded, -apple-system, BlinkMacSystemFont; }
        header { 
            padding: 20px;
            text-align: center;
        }
        nav {
            text-align: center;
            padding: 10px;
        }
.container {
            margin: 0px;
            background-color: #fff;
            padding: 0px;
            border-radius: 0px;
        }
.lite {
  color:silver; 
}

/* <span class="lite" style="color: silver;">*/

/* Mobilo ierīču stils, ja ekrāna platums ir mazāks par 600px */
@media (max-width: 800) {
  html {
     width:-webkit-fill-available; 
     height:-webkit-fill-available; 
     font-size: 1rem;
     line-height: 1.47059; 
     font-weight: 400; 
     letter-spacing: -.022em;  
     font-family: ui-rounded,
                  SF Pro Text, 
                  system-ui, 
                  -apple-system, 
                  BlinkMacSystemFont,  
                  Helvetica, 
                  sans-serif; 
     background-color: var(--color-fill); 
     font-style: normal; 
     background-color: transparent;
  }
  
  
  a, a:link, a:visited {}
  a {
    color: #393938;
    text-decoration:none;
    background-color:transparent;
    -webkit-text-decoration-skip:objects 
    }
  a:hover {color:#0056b3; text-decoration:underline}
  a:not([href]):not([tabindex]) {color:inherit; text-decoration:none}
  a:not([href]):not([tabindex]):focus,
  a:not([href]):not([tabindex]):hover {color:inherit; text-decoration:none}
  a:not([href]):not([tabindex]):focus {outline:0}
  
  body {
    font-size: 1rem;
    font-family: ui-rounded, 
                 -apple-system
                 BlinkMacSystemFont; 
    }
  
  header { 
    padding: 20px; 
    /* text-align: center; */
    }
  
  li {
    list-style:none;
    }
  
  nav {
    text-align: center;
    padding: 10px;
    }
  
  .container {
    margin: 20px;
    background-color: #fff; 
    padding: 20px;
    border-radius: 5px;
  }
  .lite {
  color:silver; 
}
}