body { 
    background-image: url("/images/background.jpg");
    background-size: cover;
}

*{
    font-family:'Courier New', Courier, monospace;
    margin:0; padding:0;
    box-sizing: border-box;
    outline: none; border:none;
    text-decoration: none;
 }

.header { 

   
    overflow: hidden;
    background-color: black;
    padding: 20px 10px;
 


}

.container{
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding:20px;
    padding-bottom: 60px;
    background-image: url("/images/background.jpg");
    color: black;
 }

 .container .content{
    text-align: center;
    color: black;
 }

.header a {
 float: left;
 color: white;
 text-align: center;
 padding: 12px;
 text-decoration: none;
 font-size: 18px;
 line-height: 25px;
 border-radius: 4px;
}

.header .logo {
 font-size: 25px;
 font-weight: bold;
}

.header .active {
 background-color: dodgerblue;
 color: white;
}

.header-right {
 float: right;
}
@media screen and (max-width: 500px) {
 .header a {
   float: none;
   display: block;
   text-align: left;
 }
 .header-right {
   float: none;
 }
}