
html{
    font-size: 16px;
}

.createaccount_btn {
    border:1px solid rgba(12, 12, 12, 0.733) !important;
    padding: 5px !important;
    border-radius: 5px !important;
    margin-top: 0 !important;  
    background-color: transparent !important;
}

.createaccount_btn:hover {
    background-color: #0056b3;
    color: white;
}

.login_btn {
    background-color: rgb(241, 218, 6) !important;
    padding: 0.3rem 1.8rem !important; 
    border-radius: 5px !important; 
    border: 1px solid rgb(241, 218, 6) !important; 

}

.login_btn:hover {
    background-color: #007bff;
    color: white;
    border-color: #007bff;
}

.nav{
    height: 30px;
    box-shadow: 10px;
}
.nav-link{
    font-size: 1rem;
}
.navbar-logo{
    width: 20rem;
}
.nav-item{
    font-size: 1rem;
}
a.createaccount_btn {
    text-decoration: none;
    color: black;
    padding: 0.4rem 0.5rem;
    margin-top: 0.5rem;

}

/* ********************************************************************************************** */
/* *************************1400-1600 **********************************************************/
/* ********************************************************************************************** */
@media screen and (max-width: 1600px) and (min-width: 1400px) {
    .createaccount_btn{
        padding: 0.3rem 0.7rem;
        font-size: 0.7rem;
    }   
    .login_btn{
        padding: 0.3rem 0.8rem; 
        font-size: 0.7rem;
    }
    
    .nav{
        height: 10px;
        box-shadow: 5px;
    }
    .nav-link{
        font-size: 0.5rem;
    }
    .navbar-logo{
        width: 10rem;
    }
    .nav-item{
        font-size: 0.7rem;
    }
    

}

@media screen and (max-width: 1400px) and (min-width: 1200px) {
    
    .createaccount_btn{
        padding: 0.3rem 0.7rem;
        font-size: 0.7rem;
    }   
    .login_btn{
        padding: 0.3rem 0.8rem; 
        font-size: 0.7rem;
    }
    
    .nav{
        height: 10px;
        box-shadow: 5px;
    }
    .nav-link{
        font-size: 0.5rem;
    }
    .navbar-logo{
        width: 10rem;
    }
    .nav-item{
        font-size: 0.7rem;
    }


}


@media screen and (max-width: 1200px) and (min-width: 992px) {
    
    .createaccount_btn{
        padding: 0.25rem 0.4rem;
        font-size: 0.55rem;
    }   
    .login_btn{
        padding: 0.3rem 0.4rem; 
        font-size: 0.55rem;
    }
    
    .nav{
        height: 10px;
        box-shadow: 5px;
    }
    .nav-link{
        font-size: 0.5rem;
    }
    .navbar-logo{
        width: 8rem;
    }
    .nav-item{
        font-size: 0.6rem;
    }


}

@media screen and (max-width: 992px) and (min-width: 768px) {
    
    .createaccount_btn{
        padding: 0.25rem 0.35rem;
        font-size: 0.5rem;
    }   
    .login_btn{
        padding: 0.25rem 0.35rem; 
        font-size: 0.5rem;
    }
    
    .nav{
        height: 8px;
        box-shadow: 5px;
    }
    .nav-link{
        font-size: 0.5rem;
    }
    .navbar-logo{
        width: 6rem;
    }
    .nav-item{
        font-size: 0.5rem;
    }


}

@media screen and (max-width: 576px) {
    .createaccount_btn{
        padding: 0.25rem 0.35rem;
        font-size: 0.5rem;
    }   
    .login_btn{
        padding: 0.25rem 0.35rem; 
        font-size: 0.5rem;
    }
    
    .nav{
        height: 8px;
        box-shadow: 5px;
    }
    .nav-link{
        font-size: 0.5rem;
    }
    .navbar-logo{
        width: 10rem;
    }
    .nav-item{
        font-size: 0.5rem;
    }



}