/* Reset some default browser styles */
body, h1, h2, p, ul {
    margin: 0;
    padding: 0;
}

body, html {
    height: 100%;
    margin: 0;
    padding: 0;
}

header {
	margin: 0;
    padding: 0;
}


h2 {
    text-align: center;
	font-size: 60px; /* Adjust the font size as needed */
    font-weight: bold;
	text-shadow: 
        -2px -2px 0 black, 2px -2px 0 black, -2px 2px 0 black, 2px 2px 0 black, /* Text outline with 2px thickness */
        -2px -2px 20px black, 2px -2px 20px black, -2px 2px 20px black, 2px 2px 20px black; /* Text shadow with 20px blur */
}

nav ul {
    list-style: none;
    background-color: #303030; /* Black navigation background */
    text-align: center;
}

nav ul li {
    display: inline;
    margin: 0 10px;
}

nav a {
    text-decoration: none;
    color: #fff; /* White links */
}

/* Style for the navigation menu */
nav ul {
    list-style-type: none;
    padding: 0;
}

nav li {
    margin: 5px 0;
}

/* Style for the selected (active) list item */
nav li a {
    text-decoration: none;
    border-bottom: 2px solid transparent; /* Initially, a transparent border */
    transition: border-color 0.2s; /* Smooth transition for the border color */
}

nav li a:hover, nav li a:focus {
    border-color: red; /* Change the border color when hovered or focused */
}

/* Increase font size for the entire <ul> element */
ul {
    font-size: 20px; /* Adjust the font size as needed */
}

/* Make the text in the entire <ul> element bold */
ul {
    font-weight: bold;
}

/* Style for the list items (list items will turn red when hovered) */
ul li a {
    color: #fff; /* Default text color */
    text-decoration: none; /* Remove underline */
    transition: color 0.8s; /* Smooth transition for text color */
}

ul li a:hover {
    color: red; /* Text color turns red when hovered */
}

/* Style for the horizontal separator between ul elements */
ul {border-top: 3px solid #fff; /* Add a 1px solid black border as a separator */
    margin-top: 0px; /* Adjust margin to control spacing between ul elements */
	border-bottom: 3px solid #fff; /* Add a 1px solid black border as a separator */
    margin-bottom: 0px; /* Adjust margin to control spacing between ul elements */
}

main {
    background-image: url('TAR_Home.png');
    background-size: cover;
    background-attachment: fixed;
    background-position: center top; /* Adjust the position as needed */
    background-repeat: no-repeat;
    min-height: 160px;
}

section {
    margin-bottom: 20px;
}

.centered-content {
    text-align: center;
}

.centered-content h2 {
    /* Additional styles for the heading, if needed */
}

.centered-content iframe {
    display: block;
    margin: 0 auto;
}

.custom-padding {
    padding: 5px; /* Adjust the padding size as needed */
}


/* CSS for centering menu items */
.menu-list {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    padding: 0;
}

.menu-list li {
    margin: 0 0px; /* Adjust the spacing between menu items */
}