.navbar-txt {
	font-size: 20px;
	color: #FF5B35;
	text-decoration: none;
	padding: 20px 25px 40px 25px;
	vertical-align:middle;
	overflow:hidden;
	line-height: 2;
	text-align:center;
	}
	
a.navbar-txt:hover, a.navbar-txt:active {
	background: black;
	}
	
.navbar {
	position: fixed;
	top: 0;
	width: 100%;
	padding: 15px 0px 0px 0px;
	background-color:black;
}

html,body {
	font-family: "EB Garamond", serif;
	background-color: black;
	color: #FFF3C8;
	text-align: justify;
	}
	
h1,h2,h3,h4,h5,h6 {
	font-family: "EB Garamond", serif;
}

h1 {
	font-size: 70px;
	color: #FF5B35;
	line-height: 80%;
	}
	

h2 {
	font-size: 40px;
	color: #FFF3C8;
	line-height: 80%;
	}


h3 {
	font-size: 25px;
	color: #FFF3C8;
	}
	

h4 {
	font-size: 20px;
	color: #FFF3C8;
	}
	

h5 {
	font-size: 20px;
	color: #fff;
	}
	

h6 {
	font-size: 15px;
	color: #fff;
	}

a:link {
  color: #FF5B35;
}

/* visited link */
a:visited {
  color: #FF5B35;
}

/* mouse over link */
a:hover {
  color: #C8DD08;
}

/* selected link */
a:active {
  color: #C8DD08;
}

.content {
  margin-top: 100px;
  margin-bottom: 50px;
  margin-right: 60px;
  margin-left: 60px;
}

.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


.imageprev {
	width: 90%;
	max-width: 100%;
	height: auto;
}

/* COMICS DISPLAY */

.four-grid {
   display: grid; 

   grid-template-rows: 1fr;
   grid-template-columns: 1fr 1fr 1fr 1fr;
   
   gap: 20px;
   height: 100%;

   
}
  
#item-0 {

   grid-row-start: 1;
   grid-column-start: 1;

   grid-row-end: 2;
   grid-column-end: 2;
   
}
#item-1 {

   grid-row-start: 1;
   grid-column-start: 2;

   grid-row-end: 2;
   grid-column-end: 3;
   
}
#item-2 {

   grid-row-start: 1;
   grid-column-start: 3;

   grid-row-end: 2;
   grid-column-end: 4;
   
}
#item-3 {

   grid-row-start: 1;
   grid-column-start: 4;

   grid-row-end: 2;
   grid-column-end: 5;
   
}



.three-grid {
   display: grid; 

   grid-template-rows: 1fr;
   grid-template-columns: 1fr 1fr 1fr;
   
   gap: 20px;
   height: 100%;

   
}
  
#item-0 {

   grid-row-start: 1;
   grid-column-start: 1;

   grid-row-end: 2;
   grid-column-end: 2;
   
}
#item-1 {

   grid-row-start: 1;
   grid-column-start: 2;

   grid-row-end: 2;
   grid-column-end: 3;
   
}
#item-2 {

   grid-row-start: 1;
   grid-column-start: 3;

   grid-row-end: 2;
   grid-column-end: 4;
   
}

.two-grid {
   display: grid; 

   grid-template-rows: 1fr;
   grid-template-columns: 1fr 1fr;
   
   gap: 20px;
   height: 100%;

   
}
  
#item-0 {

   grid-row-start: 1;
   grid-column-start: 1;

   grid-row-end: 2;
   grid-column-end: 2;
   
}
#item-1 {

   grid-row-start: 1;
   grid-column-start: 2;

   grid-row-end: 2;
   grid-column-end: 3;
   
}
.logo {
  list-style-image: url('images/logo.png');
}