//----------------------------------------------------------------------------//
// Nothing like fresh ice
//  - odd's & end's of various, put some thought into it and not a frankenstein per se
//  - assumes comp lvl styling
//----------------------------------------------------------------------------//

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  font-family: iosevka, monospace;
  font-size: 14px;
  letter-spacing: normal;
  font-stretch: normal;
  line-sizing: normal;
  font-variant: normal;
  font-variant-numeric: tabular-nums;
  line-height: 1.778;
  font-weight: 400;
  font-feature-settings: 'tnum';
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  width: 100%;
  margin: 0;
  padding: 0;
}

/*
Avoid Chrome to see Safari hack It works in Chrome (just -webkit-fill-available
causes problems in Chrome in some cases), iOS/iPad/MacOS Safari and all other
browsers.
*/
@supports (-webkit-touch-callout: none) {
  body {
    height: -webkit-fill-available;
  }
}

@font-face {
  font-family: 'iosevka';
  src: url("../font/iosevkaweb__normal_500_woff.woff2") format('woff2'), url("../font/iosevkaweb__normal_500_woff.woff") format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}



body {
  background: #fdfdfd;
}

h1 {
  padding-left: 21px;
}

ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
ul  > li  {
  padding: 2px 21px 1px 21px;
  margin: 0;
  position: relative;
}

ul  > li:nth-child(even)  {
  background: #f5f5f5;
/*  border-top: 1px dotted gray;*/
}
ul > li > a {
  text-decoration: none;
  color: #2b7be1;
}
ul > li > a ~ span {
  right: 21px;
  display: inline-block;
  position: absolute;
  color: #858585;
}