/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Dec 11/30/2022 6:31:45 PM
    Author     : Cy
*/



@font-face { 
    font-family: "Nova";
    src: url("./fonts/Nova.ttf");
}




#headerArea{
    padding: 20px 2% 5px 2%;
    height: 25px;
    width: auto;
}

.lb{
    
    cursor: pointer;
    outline: 0;
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 16px;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    :hover {
        color: #fff;
        background-color: #0b5ed7;
        border-color: #0a58ca;
    }

}


@media only screen and (max-width: 900px) { /* Screen which has a maximum width of 900px */
    #headerArea{
        margin-bottom: 60px;
    }
}

#headerMenuBtn{
    width: 25px;
    height: 25px;
    margin: 6px 2% 0px 0px;
    font-size: 17px;   
}

#headerUserBtn{
    width: 20px;
    height: 20px;
    margin: 6px 2% 0px 0px;
    font-size: 17px;   
}


.headerLink
{
    color: grey;
    margin: 11px 2% 0px 0px;
    font-size: 17px;    
}


/*
* menu are buttons
*/
.Menu{
    height: 25px;
    width: 25px;
}

.menuItem input
{
    width: 100px;
}




#headerArea a{
        text-decoration: none;
}
#headerArea a:hover
{
    text-decoration: underline;
}