/***** Normalize *****/

/* Remove the margin and padding. */
body, p,
button, input, optgroup, select, textarea {
  margin: 0;
  padding: 0;
}


/* */
h1, h2, h3, h4, h5, h6 {
  margin: 0;
}


/* Remove the gray background on active links in IE 10. */
a {
  background-color: transparent;
  outline-style: none;
}



/* */
iframe {
  border: none;
}



/* 1. Remove the border on images inside links in IE 10.
 * 2. ...
 * 3. ... */
img {
  /* 1. */ border-style: none;
  /* 2. */ box-sizing: content-box;
  /* 3. */ display: block;
}



/* ... */
button {
  color: inherit;
  cursor: pointer;
}



/* Show the overflow in IE.
 * 1. Show the overflow in Edge. */
button,
input { /* 1. */
  overflow: visible;
}



button,
input,
textarea {
  background-color: transparent;
  border: none;
  font-family: inherit;
  font-size: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  outline-style: none;
}



/* Remove the border of focused content-editable elements */
div[contenteditable="true"] {
  outline-style: none;
}



/* Remove the inheritence of text transforms in Edge, Firefox, and IE.
 * 1. Remove the inheritence of text transforms in Firefox. */
button,
select { /* 1. */
  text-transform: none;
}



/* Correct the inability to style clickable types in iOS and Safari. */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}



/* Remove the inner border and padding in Firefox. */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}



/* Restore the focus styles unset by the previous rule. */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}



/* Remove the default vertical scrollbar in IE 10+.
 * textarea { overflow: auto } */



/* */
pre {
  margin: 0;
}



html {

  /* WARNING! DEPRECATED!
   * Set scrolling to the root element.
   * A {height: 100vh} tulajdonság biztosítja a document elemen való görgetést.
   *
   * Nem ismert, melyik böngésző miatt szükséges a használata! */
 -height: 100vh;

  /* WARNING! DEPRECATED!
   * A {scroll-behavior: smooth} tulajdonság beállítása lehetetlenné teszi
   * a JS alapú non-smooth (jump to) görgetést.
   *
   * A scroll-behavior viselkedést a JS függvény használatával állítsd be!
   * window.scrollBy({top: 100, left: 0, behavior: smooth})
   * window.scrollBy({top: 100, left: 0, behavior: auto})
   *
   * The scroll-behavior property doesn't work in IE and Safari. 2019.03.10 */
 -scroll-behavior: smooth;
}



/* 1. All elements inherit the cursor property from the body element.
 * 2. Use custom cursor.
 * 3. All elements inherit the box-sizing property from the body element.
 * 4. ... */
body {
  /* 1. */ cursor: default;
  /* 2. */ /* cursor: url('/cursor.png'), default; */
  /* 3. */ box-sizing: border-box;
  /* 4. */ -webkit-font-smoothing: antialiased;
}



/* ... */
footer, header, div, label, p, span {
  cursor: inherit;
}



/* Everything is {position: relative}. */
a, button, footer, header, section, div, p, span, label, img, td {
  position: relative;
}



/* Hide scrollbar in Webkit browsers. */
html::-webkit-scrollbar {
  display: none;
}



/* Inherit the box-sizing property of the body element. */
*,
*::before,
*::after {
  box-sizing: inherit;
}



/* ... */
a, a:link, a:visited, a:active {
  color: inherit;
	text-decoration: none;
}

a:hover {
  color: inherit;
  text-decoration: none;
}



/* ... */
progress {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}



/* Table */
table {
  border-spacing: 0;
}

td, th {
  padding: 0;
}

/***** Normalize *****/



/***** Autofill rules *****/

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: var( --color );
  -webkit-box-shadow: 0 0 0px 1000px var( --background-color ) inset;
  transition: background-color 9999s ease-in-out 0s;
}

/***** Autofill rules *****/