html{
    height: 100vh;
    overflow: hidden;
}





body{
    width: 100vw;
    height: 100vh;
    margin: 0;
    background: rgb(0, 0, 0);
    perspective: 1px;
    transform-style: preserve-3d;
    overflow-x: hidden;
    overflow-y: scroll;
}
.section1::before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: url(./images/kazuend-2KXEb_8G5vo-unsplash.jpg) top center;
    background-size: cover;
    transform: translateZ(-1px) scale(2.2);
    /* filter: blur(1px); */
}
.section1::after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: url(./images/bgremovefinal.png) top center;
    background-size: cover;

}

.section1, .section2 {
    width: 100%;
    min-height: 100vh;
    position: relative;
    transform-style: preserve-3d;

}
.section1 .text{
    top: 30%;
    transform: translateZ(-0.5px) scale(1.5,1.6) translate(-33%,10%);
}

.section2{
    background: rgb(0, 0, 0);
}
.text{
    top: 30%;
    left: 50%;
    position: absolute;
    /* font-family: 'Franklin Gothic Heavy'; */
      font-family: "Rubik Mono One", monospace;
      /* font-family: "Permanent Marker", cursive; */
    font-size: 25vh;
    color: rgb(255, 255, 255);
    text-shadow: 2px 2px 5px rgb(57, 57, 57),
    5px 5px 70px rgb(87, 76, 76);
    transform: scale(1,1.1) translate(-50%,10%);
}