/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(./font.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


body {

	width: 100wh;

	overflow	:hidden;

	height: 90vh;

	color: #fff;

	background: linear-gradient(-45deg, #EE7752, #000, #23A6D5, #23D5AB);

	background-size: 400% 400%;

	-webkit-animation: Gradient 150s ease infinite;

	-moz-animation: Gradient 150s ease infinite;

	animation: Gradient 150s ease infinite;
}

a	{
    	text-decoration:	none;

	color:			white;

	font-family:		arial;

	}


	@-webkit-keyframes Gradient
{
	0% 	{
		background-position: 0% 50%
	}
	50% 	{
		background-position: 100% 50%
	}
	100% 	{
		background-position: 0% 50%
	}
}

	@-moz-keyframes Gradient
{
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

	@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

* #h1,

* #h2,

* #h3	{
	width:		100%;

	text-align:	center;

	}


*	{
 	font-family: 	'Open Sans';

	}

.main
	{
	width:		90%;

	font-weight:	bold;

	margin-top:	10px;

	right:		70px;

	position:	absolute;

	top:0px;

	text-align:	right;

	}

div.space
	{
	margin-top:  14%;


	}
#h1 {

	font-weight: 	300;

	font-size:	22px;

	letter-spacing:	2px;

	word-spacing:	6px;

	border:		0px solid red;

	}

#h2 	{
	font-weight: 	300;

	font-size:	36px;

	margin-top:	-2px;

	letter-spacing:	3px;

	margin-left:	9px;

	border:		0px
			solid
			blue;
	}



#h22	{


	font-size:	18px;

	font-weight: 	bold;

	letter-spacing:	4px;

	word-spacing:	-10px;

        position:       relative;

	bottom:		20px;

	right:		16px;

	}


#h3	{

	font-weight: 	300;

	padding: 	2px;

	position:	absolute;

	bottom:		14px;

	border:		0px
			solid
			green;

	font-size:	10px;

	word-spacing:	3px;

	letter-spacing:	2px;

	}

    a {		text-decoration		:		none;

		color			:		black;

	}

 body {		text-transform		:		uppercase;


		margin			:		0px;

		text-align		:		center;

		letter-spacing		:		2px;
	}


#uhr  	{	font-size		:		12px;

		postion			:		absolute;

		top			:		5px;

		right			:		20px;

	}

p#datum 	{
		margin-top		:		-15px;

	}

p		{

		font-size		:		14px;

		width			:		100%;

		padding-top		:		5px;

		margin-left		:		0px;

		margin-right		:		0px;

//		text-shadow		:		silver 2px 0px;

		border:0px red solid;

		opacity:1;
	}

button		{
		letter-spacing		:		6px;

		font-size		:	11px;

		font-family		:	courier;

		border			:	0px;

		background		:	transparent;


	}

div		{

		margin			:	20px;

		padding			:	2%;
	}


input 		{
                position                :       absolute;


		right			:	125px;

		top			:	103px;

		border			:	0px solid black;
		font-size		:	10px;

		width			:	55px;

                background		:     	lightgrey;

		padding			:	2px;

		margin			:	0px;

		webkit-border-radius	: 	5px;

		-moz-border-radius	: 	5px;

                border-radius		: 	5px;

		z-index			:	99999;

        	background		:	lightgray;

	}

#girl		{
		position		:	absolute;

		width			:	16px;

		height			:	16px;

		top			:	20px;

		left			:	20px;

		opacity:0.9;
}

#pxlboy img		{

		position		:	absolute;

		top			:	33%

		left			:	22%;
	}
#pxl2boy img
		{

		position		:	absolute;

		top			:	150px;

		left			:	200px;
	}