@font-face { 
font-family: Hacka; 
src: url("hacka.ttf"); 
} 

@font-face { 
font-family: Alegreya; 
src: url("Alegreya/Alegreya-regular.otf"); 
format("opentype"); 
} 

@font-face { 
font-family: Alegreya; 
font-weight: bold; 
src: url("Alegreya/Alegreya-Bold.otf"); 
format("opentype"); 
}

.Title { 
font-family: Hacka; 
    color: white;
} 

#lol { 
margin-top: 20px; 
margin: 0 auto; 
} 

#logo { 
margin: 0 auto; 
padding: 0 auto; 
width: 25%; 
text-align: center;    
} 

#Intro { 
font-family: Alegreya; 
} 

.NavBar { 
padding-top: 0px; 
padding-bottom: 10px; 
} 

ul { 
font-family: Alegreya; 
list-style-type: none; 
margin: 0; 
padding: 0; 
overflow: hidden; 
background-color: #333; 
} 

li { 
float: left; 
} 

li a { 
text-decoration: none;
display: block; 
padding: 14px 16px; 
color: white; 
text-align: center; 
} 

li a:hover { 
background-color: #111; 
} 

.active { 
background-color: #4caf50; 
} 

a { 
text-decoration: none; 
color: red; 
} 

a:hover { 
color: #4caf50; 
}

p {
    text-align: center;
    color: white;
    font-face: Alegreya;
}

div#hidden {
    visibility: hidden;
}

body {
background-image: url("gif.gif");
background-size: cover;
}