*{
    padding: 0%;
    margin: 0;

}
body{
    font-family: Arial, Helvetica, sans-serif;

} 
nav{
    display: flex;

}
li {
    text-decoration: none;
    color: blanchedalmond;

}
#k ::before,#k::after{
    content: "";
    position: absolute;
    width: 60%;
    height: 100%;
    
    border-radius: 2px;
    left: 50%;
    
}

.img{
    background-color: #353;
    height: 100vh;
    width: 100%;
    overflow: hidden;
    position: relative;



}

.bg{
    position: absolute;
    width: 150%;
    height: 1700px;
    top: 10%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;

}
.fo7{
    position: absolute;
    width: 430px;
    z-index: 3;
    top: 50%;
    left: 20%;
    transform: translate(-50%,-50%);
    
    

}
.mou7{
    position: absolute;
    width: 430px;
    z-index: 2;
    top: 80%;
    left: 80%;
    transform: translate(-50%,-50%);
    bottom: 10%;
    

}
.fo1{
    position: absolute;
    width: 430px;
    z-index: 3;
    top: 97%;
    left: 90%;
    transform: translate(-50%,-50%);
    
}
.fo2{
    position: absolute;
    width: 430px;
    z-index: 3;
    top: 80%;
    left: 50%;
    transform: translate(-50%,-50%);
    
}

.te .tex{
    position: absolute;
    width: 430px;
    z-index: 2;
    top: 50%;

    font-family: Arial, Helvetica, sans-serif;
    font-family: 700px;
    left: 30%;
    color: rgba(0, 30, 13, 0.668);
    font-size: 200px;
    transform: translate(-50%,-50%);
    

}
.te h2{
    position: absolute;
    width: 430px;
    z-index: 3;
    top: 70%;
    border-radius: 15PX;

    font-family: Arial, Helvetica, sans-serif;
    font-family: 700px;
    left: 60%;
    color: rgba(255, 255, 255, 0.426);
    font-size: 70px;
    transform: translate(-50%,-50%);
    

}
.fo3{
    position: absolute;
    width: 430px;
    z-index: 3;
    top: 80%;
    left: 50%;
    transform: translate(-50%,-50%);
    

}
.fo4{
    position: absolute;
    width: 430px;
    z-index: 3;
    top: 77%;
    left: 30%;
    transform: translate(-50%,-50%);
    

}
.fo5{
    position: absolute;
    width: 430px;
    z-index: 3;
    top: 80%;
    left: 50%;
    transform: translate(-50%,-50%);
    
    

}
.fo6{
    position: absolute;
    width: 600px;
    z-index: 2;
    top: 84%;
    left: 30%;
    transform: translate(-50%,-50%);
    transform: rotateZ(180deg);
    
    

}
.mou1{
    position: absolute;
    width: 630px;
    z-index: 2;
    top: 40%;
    left: 5%;
    transform: translate(-50%,-50%);
    
    

}
#vig{
    width: 100%;
    height: 100%;
    background: radial-gradient(to center,black,black) 65% ;
    
}
.mou2{
    position: absolute;
    width: 500px;
    z-index: 2;
    top: 80%;
    left: 70%;
    transform: translate(-50%,-50%);
    
    

}
.mou3{
    position: absolute;
    width: 400px;
    z-index: 2;
    top: 80%;
    right: 0%;
    left: 90%;
    bottom: 0%;
    transform: translate(-50%,-50%);
    
    

}
.mou4{
    position: absolute;
    width: 580px;
    z-index: 4;
    top: 85%;
    left: 20%;
    transform: translate(-50%,-50%);
    
    

}
.mou5{
    position: absolute;
    width: 440px;
    z-index: 2;
    top: 80%;
    left: 56%;
    transform: translate(-50%,-50%);
    
    

}
.mou6{
    position: fixed;
    width: 630px;
    z-index: 2;
    top: 80%;
    left: 10%;
    transform: translate(-50%,-50%);
    
    

}
.bs{
    position: absolute;
    width: 430px;
    z-index: 7;
    top: 90%;
    left: 40%;
    transform: translate(-50%,-50%);
    
    

}
.mou8{
    position: absolute;
    width: 630px;
    z-index: 2;
    top: 60%;
    left: 30%;
    transform: translate(-50%,-50%);
    
    

}
.mou10{
    position: absolute;
    width: 330px;
    z-index: 2;
    top: 90%;
    left: 40%;
    transform: translate(-50%,-50%);
    
    

}
.su{
    position: absolute;
    width: 530px;
    z-index: 2;
    top: 0%;
    left: 90%;
    transform: translate(-50%,-50%);
    
    

}
.mou9{
    position: absolute;
    width: 330px;
    z-index: 2;
    top: 80%;
    left: 50%;
    transform: translate(-50%,-50%);
    
    

}

#vig{
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
}
#vig{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: radial-gradient(to center rgba(0,0,0,.0.2)65%,rgba(0,0,0,0.7);
}

.par{
    pointer-events: none;
    transition: 0.45s;

}