/*
Copyright (c) Daniel Sunderman
All Rights Reserved
Unauthorised copying of this file and all related files from my website, via any medium is strictly prohibited.
Proprietary and confidential
Written by Daniel Sunderman 2019
*/


/*Top navigation bar */

.nav {
    background-color: brown;
    color: silver;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: auto;
    z-index: 9999;
    overflow: hidden;
    
}

.nav a {
    text-align: center;
    font-size: 1rem;
    transition: background-color 0.2s;
    padding: 0px;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0px;
      
    text-decoration: none;
    float: left;
    color: white;
    border-right: 1px solid black;
    max-width: 50%;
    height: 38px;
    
    /*Center vertically items in the navigation bar*/
    display: -webkit-flex;
    -webkit-align-items: center;
    display: flex;
    align-items: center;
    
}


.nav a:hover {
    background-color: rgb(90, 90, 90);
    background-color: rgba( 90, 90, 90, 0.7);
    margin: 0px;
}

.active {
    background-color: rgb(0,0,0) !important;
    
    height: 100%;
}

.nav .icon {
    display: none;
    padding: 2px;
    margin: 0px;
    
}

.Home {
    font-family: Arial, serif, Times;
    font-style: italic;
    padding: 0;
    margin: 0;
    height: 100%;
    min-width: 150px;
}

.Home img {
    height:100%;
    width: auto;
    max-width: 100%;
    
    display:block;
    position:relative; 
    float:left;
    padding: 0;
    margin: 0;
}

/*Footer for the copywright information and maybe other info*/

.legality{
    background-color: black;
    color: silver;
    padding-top: 1%;
    padding-bottom: 1%;
    text-align: center;
    width: 96%;
    min-height: 3%;
    position: static;
    z-index: 1000;
    display: block;
    min-width: 100px;
    font-size: 1rem;
    padding-right: 2%;
    padding-left:2%;
}
.legality p{
    font-size: 0.7rem;
}
.legality a{
    font-size: 0.9rem;
}
.legality a:hover{
    color: red;
}


#footer {
    text-align: center;
    width: 100%;
    padding-top: 1%;
    padding-bottom: 1%;
    font-size: 1.2rem;
}

/*OLD
footer {
    background-color: black;
    color: silver;
    padding-top: 1%;
    padding-bottom: 1%;
    text-align: center;
    width: 100%;
    min-height: 3%;
    position: static;
    z-index: 100;
    display: block;
    min-width: 100px;
    font-size: 1.2rem;
    margin: 0;
}*/


/*Changes style of Nav for mobile screens*/
/*
@media screen and (max-width:400px) {

    .nav {
        min-width: 383px;

    }

}

*/





/*Bars for the Navigation Bar */
/*

.tripleBars{
    display:block;
    font-size:inherit;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    z-index: 1000;
    padding: 0px;
    padding-left: 5px;
    margin: 0;
    
    
}


.blackBar {
    width: 35px;
    height: 4px;
    display: block;
    background-color: white;
    margin: 15% 0;
    z-index: 2000;
   
}*/