@charset "utf-8";

body {
    font-family: Arial;
    font-size: 13px;
    font-weight: normal;
    text-align: center;
    margin: auto;
    max-width:98%;
    padding-bottom:320px;
    background: linear-gradient(45deg, #ceceea 9%,#c6f4ce 23%,#ffe8e8 71%,#f4c8e9 94%);
}

#container {
   max-width:98%;
   max-height: 98%;
   margin:auto;
   text-align: center;
}

p {
	text-align: center;
}

#Text1 {
	animation: swap 4000ms linear 200ms 1 normal both;
	background: linear-gradient(135deg, #aceaf9 2%,#edccaf 40%,#dcccdd 90%);
	border: 0px #000000 groove;
	border-radius: 25px;
	box-shadow: 0px 0px 8px #000000;
	margin:auto;
	overflow-y: auto;
	padding-top: 8px;
	position: relative;
	width: 480px;
	height: 30px;
	text-align: center;
}

#Text1 span {
    color:#000000;
	font-family:'Palatino Linotype';
	font-size:16px;
}


#Text3 {
    color:#06105A;
	font-family:'Comic Sans MS';
	font-weight: bolder;
	font-size: 12px;
	transition: color 0.3s;
}

#Text3 a:hover {
	color: #96090C;
}

#image1 {
	width: 96px;
	height: 109px;
}

#image2 {
	width: 116px;
	height: 116px;
}


#image3 {
	width: 96px;
	height: 109px;
}

#image4 {
	width: 260px;
	height: 100px;
}

#image5 {
	width: 190px;
	height: 100px;
}


@keyframes swap {
	
   0% {
       opacity: 0;
       transform-origin: 0 100%;
       transform: translate(-700px,0px) rotate(0deg) scale(0,0);
   }
   100% {
      opacity: 1;
      transform-origin: 100% 100%;
      transform: translate(0px,0px) rotate(0deg) scale(1,1);
   }
	
}