@charset "UTF-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #ffffff;
	height: 1000px;
}

#img-main {
	height: 800px;
	width: auto;
	position: fixed;
	z-index: 99;
}

#top {
	height: auto;
	width: auto;
	margin: 0 auto;
}
	
	
/*----------------------------------animation-------------*/

#befor {
  height: 668.56px;
  width: auto;
  margin: 27px auto auto 330px;
}

#animation {
  height: 800px;
  width: auto;
  margin: 1px auto auto -5px;
  /*dauer animation*/
  -moz-animation-duration: 1s;
  -moz-animation-name: car1;
  -webkit-animation-name: car1;
  -webkit-animation-duration: 1s; 
  -o-animation-name: car1;
  -o-animation-duration: 1s;
  animation-name: car1;
  animation-duration: 1s; 
  /*----------------------*/
  position: relativ;

}


@-webkit-keyframes car1 {
  0% {-webkit-transform: scale(0.8357); margin-left: 160px; margin-top: -26px; opacity: 1;}
  100% {-webkit-transform: scale(1); margin: 1px auto auto -5px;  opacity: 1; }
}

@-moz-keyframes car1 {
  0% {-moz-transform: scale(0.8357); margin-left: 160px; margin-top: -26px; opacity: 1;}
  100% {-moz-transform: scale(1); margin: 1px auto auto -5px;  opacity: 1; }
}

@-o-keyframes car1 {
  0% {-o-transform: scale(0.8357); margin-left: 160px; margin-top: -26px; opacity: 1;}
  100% {-o-transform: scale(1); margin: 1px auto auto -5px;  opacity: 1; }
}

/*------------------------------------------link-----------------*/

.link {
	background-color: none;
	opacity: 0.2;
	z-index: 99;
	position: absolute;
    margin-top: 121px;
    margin-left: 175px;
    display: block;
    width: 190px;
    height: 190px;
	border-radius: 50%;
}

a {
	text-decoration: none;
	color: #000000;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-size: 26px;
}