body{
    /*This is the styling for the header.php page
    //Comments on: 12/17/2021
    */
 background-color: white;
 color:dimgrey;
 font-family:verdana, arial, helvetica, sans-serif;

}
.header-top{
  height:40px;
}


#header-text{
 background-color: white;
 color:black;
 font-family:verdana, arial, helvetica, sans-serif;
 font-size:16px;
 line-height: 1.4em;
 width:60%;
 text-align:left;
 padding-top:16px;
float:left;
 color:black;
 
}
#header-text h2, h1{
    padding-left:39%;
}
#log-div{
    float:right;
    width:39%;
}

.clr{
 clear:both;
}

#login-button{
 background-color:royalblue;
 text-decoration:none;
 color:white;
 font-size:20px;
 font-family:verdana, arial, helvetica, sans-serif;
 font-weight: 600;
 padding: 10px 20px;
 border-radius: 4px;
 box-sizing:border-box;
 display:inline-block;
 float:right;
 margin: 45px 60% 0px 0px;

}

#navbar{
 line-height: 1.4em;
 text-align:center;
 width:100%;
 background-color:dimgrey;
 height:70px;
 font-size:20px;
 font-weight:600;
 padding:0px 0px 0px 0px;
 text-decoration:none;
 color:white;
 margin-top:90px;
}
#blue-line{
    height:15px;
    background-color:royalblue;
    width:100%;
}

#navbar ul{
 list-style:none;
}
#navbar li{
 display:inline;
}
#navbar a{
 text-decoration:none;
 background-color:dimgray;
 color:white;
 padding:10px 15px 10px 15px;
}
.links{
    padding-top:10px;
    padding-bottom:10px;
   
}
#navbar a:hover{
 color:silver;
 transition:color 0.3s ease-in-out;
}