body {
  background-color: #111111;
  margin: 0;
  overflow-x: hidden;

  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.bg {
  position: fixed;
  top: -50%;
  left: -50%;
  right: -50%;
  bottom: -50%;
  width: 200%;
  height: 200vh;
  background: transparent url('http://assets.iceable.com/img/noise-transparent.png') repeat 0 0;
  background-repeat: repeat;
  animation: bg-animation .2s infinite;
  opacity: .9;
  visibility: visible;
}

@keyframes bg-animation {
    0% { transform: translate(0,0) }
    10% { transform: translate(-5%,-5%) }
    20% { transform: translate(-10%,5%) }
    30% { transform: translate(5%,-10%) }
    40% { transform: translate(-5%,15%) }
    50% { transform: translate(-10%,5%) }
    60% { transform: translate(15%,0) }
    70% { transform: translate(0,10%) }
    80% { transform: translate(-15%,0) }
    90% { transform: translate(10%,5%) }
    100% { transform: translate(5%,0) }
}

.ins{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.container .tagline {
    color: rgba(255,255,255,0.25);
    font-weight: 300;
    letter-spacing: 0.12em;
    font-size: 0.9rem;      
    text-transform: none;   
}

.container .tagline .outline {
    color: transparent;
    -webkit-text-stroke: 0.5px rgba(255, 255, 255, 0.596);
    text-stroke: 0.5px rgba(255,255,255,0.85);
    font-weight: 400;
}

.container .tagline .amp {
    display: inline-block;
    margin: 0 0.5em;
    font-style: italic;
    font-weight: 300;
    opacity: 0.6;
    transform: translateY(-1px); 
  }



.container img{
    width: 350px;
    margin-top: 20px;
}