html{
  width:100%;
  height: 100%;
}

body{
  /* background: -webkit-linear-gradient(rgb(235, 236, 231), rgb(255, 255, 255));
  background: linear-gradient(rgb(235, 236, 231), rgb(255, 255, 255)); */
  margin: 0;
  width: 100%;
  height: 100%;
  font-family: 'Raleway', sans-serif;
}

.container{
  margin-top: 2rem;
  margin-bottom: 2rem;
  position: relative;
  /* -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%); */
  /* left: 50%;
  top: 50%; */
}
.title{
  font-weight: 800;
  color: #742611; /* Fallback color - visible immediately */
  font-size:120px;
  background: url("https://phandroid.s3.amazonaws.com/wp-content/uploads/2014/05/rainbow-nebula.jpg") repeat;
  background-position: 40% 50%;
  -webkit-background-clip: text;
  background-clip: text;
  position:relative;
  text-align:center;
  line-height:100px;
  letter-spacing: -8px;
  margin-bottom: 30px;
  /* Once background image loads, make text transparent to show background */
  animation: showBackground 0.1s forwards;
  animation-delay: 0.5s;
}

@keyframes showBackground {
  to {
    color: transparent;
  }
}
.subtitle{
  display: block;
  text-align: center;
  text-transform: uppercase;
  padding-top:10px;
}