body {
	/* background-color: white;
	background-image: url(../img/IMG_0185.JPG);
	background-size:100% 100%; 
	background-attachment: fixed;" 
	background-repeat: no-repeat; */
	margin: auto;
	overflow: hidden;
}

section{
	/* width: 100em;
	height: 80em; */
	
	animation: fade-in-float-up;
	animation-fill-mode: forwards;
}

figure{
	margin-top: -45em;
	margin-left: 20em;
	
}

.background {
	width: 50vh;
	height: 50vh;
	color: blue;
}

.text{
	/* background-color: white;
	background-image: url(../img/IMG_0185.JPG);
	background-size:100% 100%; 
	background-attachment: fixed;" 
	background-repeat: no-repeat; */
	float: left;
	/* margin: auto;
	margin-left: 20em;
	margin-top: 0em; */
}

.bgimg{
	/*float: right;*/
	margin-top: 55em;
	margin-left: 20em;
	width: 10%;
	/* margin-bottom: 0em;
	 */
}

/* article {
	background-color: #00008B;
	width: 42%;
	margin: auto;
	margin-left: 0px;
	margin-top: 0%;
} */

.title_1 {
	font-family: "bodoni mt",times,serif;
	/* font-weight:200%; */
	font-size:8em;
	margin: auto;
	text-align: center;
	margin-top: 45%;
}

.title_2 {
	font-family: "bodoni mt",times,serif;
	/* font-weight:200%; */
	font-size:2.3em;
	margin: auto;
	text-align: center;
}

.about{
	margin: auto;
	margin-top: 4em;
	word-wrap:break-word; 
	width:17em;
	font-family: "bodoni mt",times,serif;
	text-align: center;
}

.name{
	margin: auto;
	margin-top: 5em;
	word-wrap:break-word;
	width:17em;
	font-family: "bodoni mt",times,serif;
	text-align: center;
	margin-bottom: 50%;
	
}

/* .bgsky{
    
   /* width: 101px;
    height: 102px; */
    /* transform: translate(-50%, -50%);
    position: fixed;
	
	
} */ 

#bgsky{
	position: fixed;
	/* -webkit-transform: rotate(360); */
	/* "-webkit-transform": rotationStr,
	"-moz-transform": rotationStr,
	"transform": rotationStr */
	/*transform: scale(2);*/
/*	transform: scale(100);*/	
}
/* .bgsky{
	margin: auto;
	width: 90em;
	position: fixed;
	animation: rotateOut;
} */

.big{
	margin: auto;
	width: 90em;
	
	animation: rotateOut;
}

.medium{
	margin: auto;
	width: 90em;
	
	animation: rotateOut;
}

.small{
	margin: auto;
	width: 90em;
	
	animation: rotateOut;
}

@keyframes fade-in-float-up {
	0%  	{opacity: 0; transform: translateY(500px);}
	10%		{transform: scale(1);}
	50%		{transform: scale(10);}
	100% 	{opacity: 1; transform: scale(10);}


@keyframes rotateOut {
  from {
    opacity: 1; transform: scale(1);
  }
  to {
    transform: rotate3d(0, 0, 1, 200deg); transform: scale(10);
    opacity: 1;
  }
}

.rotateOut {
  animation-name: rotateOut;
  transform-origin: center;
}


@-webkit-keyframes rotation{
  from {-webkit-transform: rotate(0deg);}
  to {-webkit-transform: rotate(360deg);}
}

.img-rotate{
  -webkit-transform: rotate(360deg);
  animation: rotation 1.4s linear infinite;
  -moz-animation: rotation 1.4s linear infinite;
  -webkit-animation: rotation 1.4s linear infinite;
  -o-animation: rotation 1.4s linear infinite;
}