* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Raleway";
  font-weight: 500;
}


@font-face {
  font-family: "Raleway";
  src: url('/fonts/Raleway-VariableFont_wght.eot');
  src: url('/fonts/Raleway-VariableFont_wght.eot') format('embedded-opentype'),
        url('/fonts/Raleway-VariableFont_wght.woff2') format('woff2'),
        url('/fonts/Raleway-VariableFont_wght.woff') format('woff'),
        url('/fonts/Raleway-VariableFont_wght.ttf') format('truetype'),
        url('/fonts/Raleway-VariableFont_wght.svg') format('svg');
  font-style: normal;
}
@font-face {
  font-family: "Raleway";
  src: url('/fonts/Raleway-Italic-VariableFont_wght.eot');
  src: url('/fonts/Raleway-Italic-VariableFont_wght.eot') format('embedded-opentype'),
        url('/fonts/Raleway-Italic-VariableFont_wght.woff2') format('woff2'),
        url('/fonts/Raleway-Italic-VariableFont_wght.woff') format('woff'),
        url('/fonts/Raleway-Italic-VariableFont_wght.ttf') format('truetype'),
        url('/fonts/Raleway-Italic-VariableFont_wght.svg') format('svg');
  font-style: italic;
}





:root {
  --main-color: #000;
  --secondary-color: #222;
  --normal-text-color-on-main-color: #fff;
  --bg-classic: #fdfdfd;
  --normal-text-color: #555;
}



html, body {
  height: 100%;
  margin: 0;
}

body {
  min-height: 100vh;
  width: 100vw;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  background: var(--bg-classic);
  position: absolute;
}

main {
  margin: 0 auto;
  margin-top: 90px;
  padding: 2rem 10vw;
  flex: 1;
}


h1, h2, h3, h4, h5, h6 {
  color: var(--main-color);
  font-weight: 700;
}


i {
  font-style: italic;
  font-weight: 400;
}

.fullscr_onclick {
  cursor: zoom-in;
}

.br {
    display: block;
    height: 7pt;
    visibility: hidden;
}