body {background:#000 url("temperory-page-bg.jpg") no-repeat fixed right;font-family:'roboto';color:#eee;font-size:130%;width:100%;text-align:justify;}.imm{float:left;margin:0 20px 14px 0;}.imr{float:right;margin:0 0 14px 20px;}.tit{text-align:center;font-size:240%;font-weight:bold;margin:0;top:140px;text-shadow: 2px 2px #000;}.dbl{text-align:center;margin-top:50px;top:180px;text-shadow: 2px 2px #000;}.prg{top:180px;text-shadow: 2px 2px #000;text-align:center;margin:0;font-size:160%;}.prg2{font-size:140%;top:180px;text-shadow: 2px 2px #000;text-align:center;margin:52px 0;}


@keyframes titan {
    0%   {top:-50px;}
    100% {top:140px;}
}

@keyframes prgan {
    0%   {top:-80px;}
    100% {top:180px;}
}

@keyframes prgan2 {
    0%   {top:-80px;}
    100% {top:180px;}
}

@keyframes dblan {
    0%   {top:380px;}
    100% {top:180px;}
}

/* The element to apply the animation to */
.tit {
    animation-name: titan;
    animation-duration: 1s;
	animation-iteration-count: 3;
	position: relative;
	animation-direction: alternate;
}

.prg {
    animation-name: prgan;
    animation-duration: 2s;
	animation-iteration-count: 1;
	position: relative;
}

.prg2 {
    animation-name: prgan2;
    animation-duration: 1s;
	animation-iteration-count: 1;
	position: relative;
}

.dbl {
    animation-name: dblan;
    animation-duration: 1s;
	animation-iteration-count: 5;
	position: relative;
	animation-direction: alternate;
}