@font-face {
    font-family: new_font;
    src: url('Fonts/roboto.zip');
}






html {
    color: #ffffff;
    background: #333333 url("Images/dbd_sadako_alt_background_880c073b6c.jpg");
    background-size: cover ;
    background-attachment: fixed;
    
}



header {
  
box-shadow: 0px 10px 20px #000000;

    padding: 20px;
    text-align: center;
}

h1 {
    font-family: Impact, sans-serif;
    font-size: 80pt;
    color: #ffffff(255, 255, 255);
    margin: 0;
text-shadow: 4px 5px 0 #000000;

}

nav {
   
    padding: 20px;
    text-align: center;
 
 

}

nav a {
    display: inline-block;
    color: white;
    text-decoration: none;
    border: 2px solid white;
    padding: 10px;
    border-radius: 15px;
    margin-left: 10px;
    text-align: center;
    display: inline-block;
    color: white;
    transition: all 1s;
    text-shadow: 2px 2px 0 #000000;
}

nav a:hover {
    color: #640303;
    text-shadow: 1px 2px 3px #000000;
}

footer {
    color: #000000;
  
    padding: 20px;
    opacity: 0.75;
    text-align: center;
   ;
}

section {
    width: 810px;
    margin: 70px auto;
    padding: 0 40px 20px 40px;
    background: #171F26;
    border: 10px solid #ffffff;
 box-shadow: 0 20px 40px black;
}

h2 {
    font-family: Impact, sans-serif;
    font-size: 48pt;
    color: #ffffff;
    margin: 32px 0 24px 0;
    text-shadow: 2px 3px 0 #000000;
}



a {
    color: rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    transition: all 1s;

}

img {
    margin: 0px auto;
    filter: saturate(100%);
    display: block;
}