#container{
-webkit-animation: scale-in-tr 0.5s steps(20, end) 0.3s both;
	        animation: scale-in-tr 0.5s steps(20, end) 0.3s both;
  
}

@-webkit-keyframes scale-in-tr {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes scale-in-tr {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
}

#container2{
  
  -webkit-animation: scale-in-tr2 0.5s steps(20, end) 1s both;
	        animation: scale-in-tr2 0.5s steps(20, end) 1s both;
  
}

@-webkit-keyframes scale-in-tr2 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes scale-in-tr2 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
}

#logo{
  -webkit-animation: fade-in 0.5s steps(12, end) 1.6s both;
	        animation: fade-in 0.5s steps(12, end) 1.6s both;
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

#sun{
  -webkit-animation: fade-in2 0.5s steps(12, end) 2s both;
	        animation: fade-in2 0.5s steps(12, end) 2s both;
}

@-webkit-keyframes fade-in2 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.5;
  }
}
@keyframes fade-in2 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.5;
  }
}

#fullbody{
  -webkit-animation: fade-in 0.75s steps(12, end) 2.5s both;
	        animation: fade-in 0.75s steps(12, end) 2.5s both;
}

#back{
  -webkit-animation: fade-in 1s steps(12, end) 3s both;
	        animation: fade-in 1s steps(12, end) 3s both;
}

#musicplayer{
  -webkit-animation: scale-in-hor-right 1s steps(15, end) 3.5s both;
	        animation: scale-in-hor-right 1s steps(15, end) 3.5s both;
}

@-webkit-keyframes scale-in-hor-right {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes scale-in-hor-right {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
}

#textmisc{
  -webkit-animation: fade-in 0.25s steps(6, end) 3s both;
	        animation: fade-in 0.25s steps(6, end) 3s both;
}

#textlikes{
  -webkit-animation: fade-in 0.25s steps(6, end) 3.15s both;
	        animation: fade-in 0.25s steps(6, end) 3.15s both;
}

#textmedia{
  -webkit-animation: fade-in 0.25s steps(6, end) 3.3s both;
	        animation: fade-in 0.25s steps(6, end) 3.3s both;
}

#textmusic{
  -webkit-animation: fade-in 0.25s steps(6, end) 3.45s both;
	        animation: fade-in 0.25s steps(6, end) 3.45s both;
}

#textartists{
  -webkit-animation: fade-in 0.25s steps(6, end) 3.6s both;
	        animation: fade-in 0.25s steps(6, end) 3.6s both;
}

#texttba{
  -webkit-animation: fade-in 0.25s steps(6, end) 3.75s both;
	        animation: fade-in 0.25s steps(6, end) 3.75s both;
}

#textsite{
  -webkit-animation: fade-in 0.25s steps(6, end) 3.9s both;
	        animation: fade-in 0.25s steps(6, end) 3.9s both;
}