:root{
	--feher: #fff;
	--vilagosszurke: #999;
	--fekete: #000;
	--piros: #ff0000;
	--ur_zold: #6ba092;
	--ur_faszin: #d7bfa8;
	--focar_kek: #344663;
	--focar_feher: #efefef;
	--front_bcg: #030f1f;
	--front_accent: #3a76b9;

	--about_bcg: #031f1d;
	--about_accent: #237c62;

	--img_bcg: #480311;
	--img_accent: #9c0a29;
	
	--code_bcg: #141b28;
	--code_accent: #48808c;

	--kuka_bcg: #480a4d;
	--kuka_accent: #a53cad;

}

@font-face{
	src: url(fonts/Roboto-Regular.ttf);
	font-family: Roboto-regular;
}

@font-face{
	src: url(fonts/Roboto-Light.ttf);
	font-family: Roboto-light;
}

@font-face{
	src: url(fonts/Roboto-Thin.ttf);
	font-family: Roboto-thin;
}

@font-face{
	src: url(fonts/Roboto-Medium.ttf);
	font-family: Roboto-medium;
}

@font-face{
	src: url(fonts/Roboto-Bold.ttf);
	font-family: Roboto-bold;
}


::-webkit-scrollbar {
  width: 16px;
}

/* Track */
::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.0);
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: linear-gradient(120deg, var(--code_accent), var(--about_accent), var(--kuka_accent), var(--img_accent));
  background-size: 200% 200%;
  background-position: top left;
  border-radius: 6px;
  border: 0px solid var(--vilagosszurke);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 1.0);
  transition: 0.2s;

}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  border: 0px solid var(--vilagosszurke);
  
  background-position: bottom right;
}

*{
	padding: 0;
	margin: 0;
	font-family: Roboto-regular;
	color: var(--vilagosszurke);
}

h1, h2, h3, h4, h5{
	margin-block-start: 0;
    margin-block-end: 0;
    font-family: Roboto-light;
	font-weight: 100;
	color: var(--vilagosszurke);
}

p{
	margin-block-start: 0;
  margin-block-end: 0;
	color: var(--vilagosszurke);
}