@import url(https://fonts.googleapis.com/css?family=Open+Sans);
html,
body{
  background: #1E1B66;
  background-image: url("http://instagram.bsalive.com.au/animated/img/Background.jpg");
  font-family: 'Open Sans', sans-serif;
  margin: 0; height: 100%; 
  overflow: hidden;
 
}

.DisplayImageContainer
{
    width: 100%;
      height: 90%;
      margin: 0;
      position: absolute;
      top: 50%;
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      text-align: center;
      
      
}

#LogoRight
{
    left: 87%;
    top: 5%;
}

#LogoLeft
{
    left: 3%;
    top: 5%;
}

.Logo
{
    width: 10%;
    position: Absolute;
    opacity: 0.75;

}



#Display
{
    box-shadow: 5px 10px 15px 5px rgba(0,0,0,0.6);
    max-width: 70%;
}


#HashtagLabel{
    font-size: 64px;
    display: flex;
    padding-left: 10px;
    padding-right: 10px;
    color: #FFFFFF;
    background: rgba(30, 27, 70, 0.9);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;

    position:absolute;
    left: 5%;
    top: 80%;
    border-radius: 5px 5px 5px 5px;
    border: 2px solid #FFFFFF;
    
    align-items: center;
    justify-content: center;
    

}

.floating {   
    animation-name: floating; 
    animation-duration: 3s; 
    animation-iteration-count: infinite; 
    animation-timing-function: ease-in-out; 

} 
  
@keyframes floating { 
    0% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		transform: translatey(0px);
	}
	50% {
		box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);
		transform: translatey(-10px);
	}
	100% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		transform: translatey(0px);
	}    
}