@font-face{
  font-display:swap;
  font-family:Brown;
  font-style:normal;
  font-weight:400;
  src:url(../../font/brown-regular.woff2) format("woff2");
  text-rendering:optimizeLegibility;
//  unicode-range:u+000-24f;
}

  @font-face{
    font-display:swap;
    font-family:Brown;
    font-weight:700;
    src:url(../../font/brown-bold.woff2) format("woff2");
    text-rendering:optimizeLegibility;
//    unicode-range:u+000-24f;
  }

@font-face {
    font-family: InterVariable;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('../../font/inter/InterVariable.woff2?v=4.0') format('woff2');
  }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  border: 0;
  outline: 0;
  background: transparent;
}

html, body {
    height: 100%;
}

blockquote, q {
  quotes: none;
}

input, textarea {
    outline: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

body {
  font-family: Brown, InterVariable, 'Segoe UI', Verdana, Tahoma, Helvetica, sans-serif;
  color: #555;
  font-size: 1.05rem;
  line-height:1.8;
  font-smooth:never;
  position:relative;
}

::selection {
  color: #fff;
  background: #000;
}

h1       { font-size: 1.7rem; margin: 1.5% 0%; }
h2       { font-size: 1.5rem; }
h3       { font-size: 1.3rem; }
h4       { font-size: 1.25rem; }

a {
  color:#333;
}

a, ul, li {
  line-height: 1;
  color:#333;
}

ol, ul {
  padding: 1% 2%;
//  list-style-type: lower-alpha;
  list-style-position: inside;
}

ul, li {
  line-height: 1;
  color:#333;
}

ol {
    counter-reset: list;
}

ol > li {
  padding: 0.5% 0%;
    list-style: none;
    position: relative;
}

ol > li:before {
    counter-increment: list;
    content: counter(list, lower-alpha) ") ";
    position: absolute;
    left: -1.4rem;
}


a {
  color:#ff006c;
  text-decoration: underline;
  transition: all 0.5s;
}

a:hover, button:hover {
  transition: all 0.5s;
}

.main-page {
  padding: 0% 1% 1% 1%;
  margin: 1%;
  background:none;
  border: 0px;
  border: 3px #ff006c solid;
  box-sizing:border-box;
}

strong {
  white-space: nowrap;
}


@media only screen and (max-width: 1000px), only screen and (max-device-width: 1000px) {

  h1       { font-size: 1.3rem; }
  h2       { font-size: 1.2rem; }
  h3       { font-size: 1.1rem; }
  h4       { font-size: 1.1rem; }


.main-page {
    margin: 2%;
    padding: 0% 2% 2% 2%;
}





}