/* Reset Styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Arial, sans-serif;
}

/* Top Navigation */
.top-nav {
    background: #2c3e50;
    text-align: right;
    padding: 10px;
}

.top-nav a {
    color: white;
    text-decoration: none;
    padding: 10px 15px;
}

.top-nav a:hover {
    background: #34495e;
}

/* Main Navigation */
header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ffffff;
    padding: 15px 20px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
}

.Hcolor{
	color:#F2F2F2;
	font-family:"Arial Black";
	font-size: 3.2em;
text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);	}

.logo img {
    width: 120px;
}

.main-nav ul {
    list-style: none;
    display: flex;
}

.main-nav ul li {
    margin: 0 15px;
}

.main-nav ul li a {
    text-decoration: none;
    color: #2c3e50;
    font-weight: bold;
}

.main-nav ul li a:hover {
    color: #3498db;
}


.banner p {
    font-size: 1.2em;
}

/* Three Columns */
.three-columns {
	background: #009EDD;
    display: flex;
    justify-content: space-between;
    padding: 10px 10px;
    flex-wrap: wrap;
	align-items: center; /* Centers content horizontally */
    justify-content: center; /* Centers content vertically */
    text-align: center;
}


.three-columns .column {
    flex: 1;
    padding: 10px;
    /* background: #F2F2F2; */
	/* border-color:#00335e; */
	border: 6px solid #F2F2F2; 
    margin: 10px;
    text-align: center;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
	flex-direction: column; 
    flex-wrap: wrap; 
    justify-content: space-between; 
    gap: 5px; 
    min-width: 250px; 
    max-width: 350px; 
    transition: 0.3s ease-in-out;
	align-items: center; /* Centers content horizontally */
	background: transparent;
}


.column-link {
    text-decoration: none;
	color:#b3e7f2;

}



.column:hover {
    background: #00baff; /* blue hover effect */
    color: #009EDD;
    cursor: pointer;
}

/* Footer */
footer {	
	color: #F2F2F2;
	text-align: center;
	padding: 15px;
	margin-top: 0px;
	font-style:inherit;
	font-weight: bold;
	font-size: 1.5em;
	border-top: 6px solid #F2F2F2;
	background: #009EDD;	
}
/* Banner */
.banner {
background: #D5A50E;
    text-align: center;
    padding: 3px 20px;
    color: #000;
	background: url('img/UNC-bg.png') no-repeat center center/cover ;
	width:1700px;
	height:964px;
}

.banner-content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px; /* Adds spacing between the image and text */
	padding: 30px 3px;
	height:750px;
}

.banner-img {
    width: 150px; /* Adjust the size as needed */
    height: auto;
    border-radius: 0px;
}


/* PDF Section Styling */
.pdf-section {

    padding: 20px;
    text-align: center;
}

.pdf-container {
	background-color: #f9f9f9; /* Light background for the section */
    width: 100%; /* Makes sure the PDF takes full width of the container */
    max-width: 1600px; /* Optional: Limits the width of the PDF container */
    margin: 0 auto; /* Centers the PDF */
    border: 2px solid #ccc; /* Border around the PDF for better visibility */
    padding: 10px;
}

h2 {
    font-size: 1.5em;
    color: #F2F2F2;
    margin-bottom: 20px;
}