@font-face {
	font-family: Quicksand;
	src: url("php/Quicksand-Medium.ttf");
}

@font-face {
	font-family: Quicksand;
	src: url("php/Quicksand-Light.ttf") format('truetype');
	font-weight: 100;
}

@font-face {
	font-family: Quicksand;
	src: url("php/Quicksand-Bold.ttf") format('truetype');
	font-weight: 700;
}
img {
   border: 0px;
}

:root {
	--fancyscolordark: #00648c;
	--fancyscolorlight: #00b1f8;
	--contentbackgroundcolor: #000000;
	--contenttextcolor: #b7eaff;
	--editbackgroundcolor: #00648c;
	--editcolor: #b7eaff;
	--alarmcolor: #e900f8;
}

.fancysedit {
      color: var(--editcolor);
	background-color: var(--editbackgroundcolor);
	font: 16px Quicksand;
}

.fancyseditmobil {
      color: var(--editcolor);
	background-color: var(--editbackgroundcolor);
	font: 24px Quicksand;
}

.fancyslink {
      font-size: 20px;
	color: var(--fancyscolorlight);
	cursor: pointer;
}

.fancyslinkmobil {
      font-size: 30px;
	color: var(--fancyscolorlight);
	cursor: pointer;
}

.fancystitle {
      font-size: 24px;
      font-weight: bold;
}

.fancystitlemobil {
      font-size: 36px;
      font-weight: bold;
}

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(--editcolor);
	-webkit-box-shadow: 0 0 0px 1000px var(--editbackgroundcolor) inset;
	transition: background-color 5000s ease-in-out 0s;
}

.linknounderline {
	text-decoration: none;
}

html {
	user-select: none;
	height: 100%
}

body {
	background-color: var(--contentbackgroundcolor);
	padding: 0px;
	margin: 0px;
	font: 14px Quicksand;
	color: #333333;
	height: 100%
}

a {
	text-decoration: none;
	color: var(--fancyscolorlight);
}