.header-items{
    display: flex;
    background-color:black;
    flex-direction: row;
    width: 100%;
    height: 70px;
    margin-top: 0px;
    gap: 5px;

}
.nav-items{
    display: flex;
    flex-direction: row;
    gap:10px
}

.imgClass{
     width: 100%;
     height: 100vh;
     filter: blur(3px);
}

.login-items{
    display: flex;
    flex-direction: row;
    gap:1px;
    color: white;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    margin: 10px 0;
}
.div1-items{
    display: flex;
    flex-direction: row;
    margin-top: 10px;
    gap: 2px;
}
.asal{
    align-items: center;
    margin-right: 300px;
}


.imgClass{
    width: 1456px;
    height: 1245px;
    display: flex;
    margin-top: 50%;
}
.main-items{
    display: flex;
    flex-direction: row;
    gap: 100px;
    flex-wrap: nowrap;
    /* width: 100%;
    height: 200px; */
}
.imgclass1{
    width: 50%;
    height:70%;
    border-radius: 40%;
    margin-top: 60px;
    margin-right: 20%;
    box-shadow:10px 10px 10px rgb(144, 95, 193);
    
}
.imgclass2{
    width: 50%;
    height: 70%;
    border-radius: 40%;
    margin-top: 60px;
    margin-right: 15%;
    box-shadow:10px 10px 10px rgb(16, 127, 152);

}
img:hover{
    transform: translateY(-10px) scale(1.03);
}