@font-face {
	font-family:'Bebas Neue';
	src: url('../fonts/BebasNeue-Regular.ttf')format('truetype'); 

}

* {
	margin: 0;
	padding: 0;
	font-family: Bebas Neue ; 
}

.overlay {
	width:100vw;
	height:100vh;
	cursor:pointer;
}

.overlay+h1 {
	opacity:0;
	transition-duration: 1500ms;
	transition-delay: 1000ms;
}


h1, nav {
	color: red;
	text-align: center;
	margin-top: 50vh;
	transform: translateY(-50%);
	 
}


h2 {
	font-size: 50pt;
	margin-top: 30px;
	color: red;
	padding: 50px; 
	position:fixed;
	top: 0; 
	
}

h4, h5 {
	padding: 30px; 
	color: red;
	font-size: 30pt;
	color: red;
	text-decoration: none;
	position: fixed;
	bottom:0;
}


h5 {
	right:0;
}


p {
	color: red;
	margin-left: 100px;
	margin-right: 100px;
	padding: 50px;
	text-align: all;
	margin-top: 50px;
	font-size: 25pt;
}


/*HOLY HOME PAGE*/


.holy {
	background-image: url(../archive/background.png);
}

.holy a {
	text-decoration: none; 
	color: red; 
	font-size: 200pt;
}


/* MENU PAGE */


.menu {
	background-image: url(../archive/background.png);
}

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

nav a {
	font-size: 180pt;
	text-decoration: none;
	color:red;
	margin-right: 100px;

}


/* PAGE 1*/

.tablet {
	background-image: url(../archive/background.png);

}

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


 .tablet img {
 	display: block;
 	margin-left: auto;
 	margin-right: auto;
 	margin-top: 200px;
 	width: 500px;
}

/* PAGE 2*/

.OIL img {
	display: block;
	margin:0;
	margin-left: auto;
 	margin-right: auto;
	width: 1000px;
}

.OIL a {
	text-decoration: none; 
	color: red; 
}
/* PAGE 3*/

.ano{
	background-image: url(../archive/background.png);
}

.ano img {
	display: block;
	margin:0;
	width: 2000px;
	margin-top: -130px;
	margin-left: -100px; 
	
}

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

/* PAGE 4*/

.recipe {
	background-image: url(../archive/background.png);
}

.recipe img {
	display: block;
	margin:150px;
	margin-left: auto;
 	margin-right: auto;

}

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