*{
    margin: 0;
    padding: 0; 
}

:root{
    --fontfam: "DM Sans", sans-serif;
}


body{
   

    overflow: hidden;
}

.Vinp{
    all:initial;
    border-bottom: 1px solid #fff;
    width: 95%;
    padding:2%;
    color:#ffdd95;
    font-family: var(--fontfam);
 
}

.loginform{

    padding: 10px;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;

}

.logincontainer{
   
    width:30%;
    height: 48%;
    border-radius: 7px;
    padding: 10px;
    overflow: hidden;
       
    background: rgba(37, 37, 37, 0.25);
    box-shadow: 0 8px 32px 0 rgba(205, 205, 206, 0.37);
    backdrop-filter: blur( 4px );
    -webkit-backdrop-filter: blur( 4px );
    border-radius: 10px;
    border: 1px solid rgba( 255, 255, 255, 0.18 );
}

.logincontainer h2{
    text-align: center;
}
.log{
    padding: 10px;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4,1fr);  
    width: 95%;
    height: 95%;
    align-items: center;
}

.log label{
    color:#ffdd95;
    font-family: var(--fontfam);
}

.Vinpsub{
    all:initial;
    width: 90%;
    height: 50px;
    
    text-align: center;
    border-radius: 20px;
    margin-top: 5%;
  
    font-size: var(--td);
    font-family: var(--fontfam);
    cursor: pointer;
    color:#000;
    font-weight: 600;
    border: 1px solid #000;
    background-color:  #ffdd95;;
   
}

h2{
    color:#ffdd95;
    font-family: var(--fontfam);
}

#userpanel{
    align-self: flex-end;
}


.imahe{
    z-index: -1;
    position: absolute;
    background-attachment: fixed;
     background-size: cover;
     background-repeat: no-repeat;
}