
body,
html {
  width: 100%;
  height: 100%;
  font-family: 'Montserrat', sans-serif;
  background: url("quasar J0100+2802 +20k galaxies.png") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

h1 {
  font-size: 3rem;
  color: #d7dfe8;
}

hr {
    margin: 10px auto;
    color: #F05F44;
    border: 2px solid #F05F44;
    max-width: 120px;
    opacity: 1;  
}

.buffer {
  height: 5rem;
}

.btn-primary {
  font-weight: 700;
  border-radius: 200px;
  transition: 1.5s ease-out;
}

.btn-primary {
  background-color: #F05F44;
  border-color: #F05F44;

}

.btn-primary:hover {
  background-color: #ee4b08;
  border-color: #ee4b08;
  border-width: 4px;
  transform: scale(1.2);
  transition: 1.5s ease-in;

}

.btn-xl {
  padding: 1rem 2rem;
}

/*
h1 {
  text-align: center;
  margin: auto;
  position: absolute;
  top: 47%;
  left: 41.5%;
  color: ghostwhite;
  transition: 1.5s ease-out;
}

h1:hover {
  transform: scale(1.2);
  transition: 2.5s ease-in;
  color: lightblue;
}*/