/* 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 */



input:is([type="button"], [type="submit"], [type="reset"]), input[type="file"]::file-selector-button, button {
padding: 3px;
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;
font-style: normal;

color: #393938;
background: transparent;
-webkit-border-radius: 12px;
}

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; 
}




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





















/* Mobilo ierīču stils, ja ekrāna platums ir mazāks par 600px */
@media (max-width: 600) {
  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;
  }
  
  input:is([type="button"], [type="submit"], [type="reset"]), input[type="file"]::file-selector-button, button {
  padding: 3px;  
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;
font-style: normal;
color: #393938;
background: transparent;
-webkit-border-radius: 12px;
}