/*This is the stylesheet for the header page file */
 body{
            margin:0px;
        }
            .header{
                text-align:center;
                background-color:#333333;
                color:white;
                height:auto;
                margin:0px;
                padding:10px;
                padding-top:5px;
                display:block;
                margin-left:auto;
                margin-right:auto;
                  position: -webkit-sticky;
                 transition:background 250ms ease-in-out;
  position: sticky;
  top: 0;
  z-index:10000;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 20px;
            }
            
            #header{
                text-align:center;
                background-color:#333333;
                color:white;
                height:auto;
                margin:0px;
                padding:15px;
                display:block;
                margin-left:auto;
                margin-right:auto;
                  position: -webkit-sticky;
                 transition:background 250ms ease-in-out;
  position: sticky;
  top: 0;
  z-index:10000;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 20px;
            }
            
            .nav-links{
                display:inline-block;
                width:70%;
                
            }
            #title{
                margin-bottom:0px;
            }
            #subtitle{
                margin-top:3px;
                margin-bottom:8px;
            }
            #login-button{
                background-color:white;
                color:#333333;
                text-decoration:none;
                font-family: verdana, arial, helvetica, sans-serif;
                font-size:20;
                font-weight:600;
                padding:1.5%;
                border-radius:25px;
                position:fixed;
                right:3%;
                top:25px;
                transition: 0.25s ease-out;
            }
            #login-button:hover {
    transform:scale(1.1);
    transition: 0.25s all ease-in-out;
    transition: 0.25s ease-out;
}
            
            .nav-links a {
                font-style:none;
                font-style:white;
                display:inline-block;
                margin-left:3%;
                margin-right:3%;
                color:white;
                text-decoration:none;
                transition: 0.25s ease-out;
            }
            .nav-links a:hover{
                transform:scale(1.2);
            }
            #logo{
                width:100px;
                position:fixed;
                left:2%;
                top:5px;
                transition: 0.25s ease-out;
            }
@media only screen and (max-width: 850px) {
    #logo{
        width:60px;
        position:relative;
        float:left;
        display:none;
            }

    #title{
         margin-top:35px;
    }
    
    
    .nav-links{
        margin-bottom:10px;
        display:flex;
        align-content:center;
        width:100%;
    }
    .nav-links a{
        padding:auto;
        margin:auto;
        margin-bottom:0px;
    }
    #login-button{
color:white;
padding:4px;
border-radius:0px;
background-color:#333333;
margin-left:auto;
margin-right:auto;
position:relative;
background-color:#b39800;
top:0px;
    }
    #welcome-info{
        display:none;
        width:0%;
    }
#login-button:hover {
    padding:5px;
}
}