html {
    height: 100vh;
    overflow: hidden;
}
body {
    width: 100vw;
    height: 100vh;
    margin: 0;
    background-image: url('background\(white\).png');
    perspective: 1px;
    transform-style: preserve-3d;
    overflow-x: hidden;
    overflow-x: scroll;
}

::-webkit-scrollbar {
    width: 0px;
    height: 0px;
  }
  
.section1 {
    width:100%;
    min-height: 100vh;
    position: absolute;
    transform-style: preserve-3d;
}

.section1::before {
    content: "";
    top:-40%;
    width: 120%;
    height: 100%;
    position: absolute;
    background: url("spaceship.png"), top center;
    background-size:cover;
    transform: translateZ(-2px)scale(1.6);
}

.section1::after {
    content: "";
    top:100%;
    width: 100%;
    height: 300%;
    position:absolute;
    background: url("background.png"), center;
    background-size: cover;
    transform: translateZ(0.2px)scale(1);
}
.section {
    width:100%;
    min-height: 100vh;
    position: relative;
    transform-style: preserve-3d;
}

.section::before {
    content: "";
    top:-60%;
    left: -30%;
    width:150%;
    height: 170%;
    position: absolute;
    background: url("trees.png");
    background-size:cover;
    transform: translateZ(-0.9px)scale(1.2);
}
.text {
    text-align: center;
    top:25%;
    left: 48%;
    position: absolute;
    font-family: 'poppins';
    font-size: 15vh;
    font-weight: 600;
    color: #ffffff;
    letter-spacing: -0.4vh;
    transform: translate(-50%,10%);
}
.text2 {
    text-align: center;
    top:45%;
    left: 48.2%;
    position: relative;
    font-family: 'poppins';
    font-size: 6vh;
    font-weight: 400;
    color: rgb(38, 38, 38);
    letter-spacing: -0.1vh;
    transform: translate(-50%,580%);
}

.last-chance-text {
    text-align: center;
    transform-style: preserve-3d;
    font-family: 'poppins';
    font-size: 10vh;
    font-weight: 700;
    border-radius: 2vh;
    padding: 2vh;
    letter-spacing: 0.5vh;
    position: absolute;
    transform: translateZ(0.2px)scale(0.4);
    top:190%;
    color: white;
}

.last-chance {
    text-align: center;
    transform-style: preserve-3d;
    font-family: 'poppins';
    border-style: solid;
    border-width: 1vh;
    font-size: 7vh;
    font-weight: 700;
    border-radius: 2vh;
    padding: 2vh;
    border-color: white;
    letter-spacing: 0.5vh;
    position: relative;
    transform: translateZ(0.2px)scale(0.4);
    top: 380%;
}