body {
 
    background-color: #e6e6fa; 
}
.navbar {
    display: flex;
    justify-content: space-between; /* Align items on each end and center */
    align-items: center;
    padding: 0 20px;
    background-color: #AAAADD ;
   
}

.nav-logo img, .nav-right img {
    height: 50px; /* Adjust size according to your preference */
}

.nav-center {
    display: flex;
    justify-content: center;
    flex-grow: 1; /* Allows this div to grow and take up flex space */
}
.dropdown-content {
    display: none;
    position: absolute;
    width: 190px;
    background-color:#e6e6fa ;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

    .dropbtn{
       margin-left: 10px; 
    }
.nav-center a {
    color: #000000;
    -webkit-text-stroke: 0.1px #2F4F4F;
    text-decoration: none;
    padding: 10px 20px;
}

.nav-button{
    background-color: #aaaadd;
    margin-left: 10px;
    outline: 1px solid #cecee8;
    border: none; 
   
}

.dropbtn{
    background-color: #aaaadd;
    margin-left: 10px;
    outline: 1px solid #cecee8;
    border: none;
}
.nav-button:hover {
    background-color: #cecee8;   
    color: black;              
    transform: scale(1.05);  

}

.dropbtn:hover {
    background-color: #cecee8;   
    color: black;              
    transform: scale(1.05);   

}
.nav-right a {
    display: inline-block; /* Ensures alignment is consistent */
}

.nav-right img {
    vertical-align: middle;
}

.Nav-Lesson-Sec{
    list-style-type: none;
}
 .Nav-Lesson-Sec-content{
    background-color: #cecee8;
    
   
 }

 .Nav-Lesson-Sec:hover {
    background-color: #AAAADD;   
    color: white;              
    transform: scale(1.05);  

}
#container{
    background-color: #e6e6fa;
    justify-content: center;
    align-items: center;
    display: flex;
    height: 100vh;
    width: 100%;
    
}

.form_container{
    background-color: #aaaadd; 
    padding:150px;
  
}

    #login_form {
    display: block;
}

#registration_form {
    display: none;
}