html, body {

  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}




.backlayer {
   
    overflow: hidden;
    position: relative;
    background-image: url('./assets/space.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: center;

}

.overlay {
    -webkit-backdrop-filter: brightness(0.5) blur(8px);
    backdrop-filter: brightness(0.5) blur(5px);
    justify-content: center;
   
    
}



.welcome {
  position: fixed;
  display: block;
  pointer-events: none;
  z-index: 10000;
  top: 0;
  left: 0;
  width: 100%;
  max-width: none;
  height: 100vh;
  padding-top: 25vh;
  text-align: center;
  font-family: "Work Sans";
  color: white;
  letter-spacing: 2rem;

}

h1 {
    font-weight: 200;
}

h2 {
    font-weight: 700;
}

h3 {
    font-weight: 400;
}

.uncon {
  font-family: "Work Sans";
  color: white;
  letter-spacing: 0.5rem;
  transform: translateX(-50%);
  left: 50%;
  bottom: 15vh;
  position: absolute;
  pointer-events: none;
  text-align: center;
  line-height: 3em;
  width: 100%;
  max-width: none;
}





.social {
      bottom: 12vh;
      position: absolute;
      transform: translateX(-50%);
      left: 50%;
}


.footer-social-links .social-link {
      display: inline-block;
      text-align: center;
      width: 60px;
      color: #fff;
      margin-right: 16px;
      transition: all 0.3s ease-in-out;
      font-size: 30px;
      text-decoration: none;
    
}
.footer-social-links span {
    font-size: 35px;
    padding-right: 15px;
    color: white;
}


    .footer-social-links .social-link:last-child {
    margin-right: 0; }
     .footer-social-links .social-link:first-child {
    margin-right: 15px; }
    .footer-social-links .social-link:hover {
    text-decoration: none;
    color: #a2a2a2; }  




@media (max-width: 1280px) {
    .welcome {
    
         padding-top: 20vh;
    }
}