@charset "utf-8";

body{
	font-family:Noto Sans, sans-serif;
	background-color:white;
}

/* [ HEADER ] */

header{
	/* Structure */
	background-color: #333;
	background-image:url('TEXTURE_PACK/3px-tile.png');
	color:white;
	font-size:28px;
	font-weight: bolder;
	font-style:italic;
	border-left:1px solid black;
	border-right:1px solid black;
}

header a{
	color:white;
	text-decoration:none;
	}

/* [ NAV ] */

nav { 
	background-color: #333;
	background-image:url('TEXTURE_PACK/3px-tile.png');
	border-left:1px solid black;
	border-right:1px solid black;
}
nav a {
	color: #f2f2f2;
	font-size:18px;
}

nav a:hover {
    background-color: #f2f2f2;
    color: black;
}

/* Menu */
/* Dropdown button */
.dropdown .dropbtn {
	color: white;
	background-color: inherit;
		font-size: 18px; 
}

/* Add a red background color to navbar links on hover */
.dropdown:hover .dropbtn {
	background-color: #ddd;
}

/* Dropdown content (hidden by default) */
.dropdown-content {
	background-color: #f9f9f9;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

/* Links inside the dropdown */
.dropdown-content a {
	color: black;
}

/* Add a grey background color to dropdown links on hover */
.dropdown-content a:hover {
	background-color: #ddd;
}

/* [ SECTION ] */

section{
	background-color:#f2f2f2;
	font-size:medium;
	border-left:1px solid black;
	border-right:1px solid black;
}

/* [ ARTICLE ] */

article{
	border:1px solid grey;
	box-shadow: 1px 1px 8px #555;
}

/* [ FOOTER ] */

footer {
    background-color: #333;
	background-image:url('TEXTURE_PACK/3px-tile.png');
    color:white;
	font-size:14px;
	font-weight:500;
	border-left:1px solid black;
	border-right:1px solid black;
}

footer a{
	color:white;
    text-decoration:none;
}

footer a:hover{
	text-shadow: 0 0 3px #6F88C8;
}

footer a:visited{
	color:white;
}