body{
	background-color: #000;
	background-image: url(http://selfietunes.com/images/bg.jpg);
	color: #fff;
	overflow-y: scroll;
	overflow-x: hidden;
	font-family: 'Montserrat', sans-serif;

}
.container {
  width: 14em;
  margin: 0em auto;
}
.inner {
position: absolute;
  width: 14em;
  height: 20em;
  margin: 0em auto;
  top: 50%;
left: 50%;
margin-top: -10em;
margin-left: -7em;
z-index: -100;
}

.logo {
  width: 14em;
  height: 14em;
  animation: bounceIn 0.6s;
  -webkit-transition: -webkit-transform .8s ease-in-out;
  transition: transform .8s ease-in-out;

  cursor: default;
   -webkit-filter: drop-shadow( 0 0 6px #6702ff);
            filter: drop-shadow( 0 0 6px #6702ff);
}

.logo:hover {

  -webkit-transform: rotate(360deg) scale(1.05);
  transform: rotate(360deg) scale(1.05);
  cursor: default;
}
svg .cls-1 { fill: #fff; 
   
   
         

}

@keyframes bounceIn {
  0% {
    opacity: 1;
    transform: scale(.3);
  } 

  50% {
    opacity: 1;
    transform: scale(1.05);
  } 

  70% {
    opacity: 1;
    transform: scale(.9);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}



@media screen and (min-width: 600px) { 
	.logo {
  width: 20em;
  height: 20em;
}

.container {
  width: 20em;
}
.inner {
position: absolute;
  width: 20em;
  height: 24em;
  margin: 0em auto;
  top: 50%;
left: 50%;
margin-top: -12em;
margin-left: -10em;
}

}