/**************************/
/***	Master Styles	***/
/**************************/
@font-face {
	font-family: "Linux Biolinum";
	src: url('LinBiolinum_R.otf');
}
:root {
	--nav-bg: #1B1B1B;
	--body-bg: #111;
	--fg: #0abdc6;
}
body {
	font-family: "Linux Biolinum";
	margin: 0px;
}
html {
	background: var(--body-bg);
	color: var(--fg);
}
/**********************************/
/***	END MASTER STYLES	***/
/**********************************/

/**************************/
/***	Navbar Styles:	***/
/**************************/
.nav {
	background-color: var(--nav-bg);
	display: flex;
	justify-content: space-between;
	padding: 10px;
}
.nav a {
	color: var(--fg);
	text-decoration: none;
	display: block;
	padding: 4px 10px;
}
.nav a:hover {
	background: var(--fg);
	color: var(--nav-bg);
}
.active-tab a, .right-side a {
	background: var(--fg);
	color: var(--nav-bg);
}
.left-side {
	display: flex;
}
.nav-tab {
	border-bottom: 3px solid transparent;
	border-top: 3px solid transparent;
}
.dropdown {
	position: relative;
}
.menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background: #1B1B1B;
	padding: 5px 0;
}
.menu a {
	display: block;
	padding: 8px 12px;
}
.dropdown:hover .menu {
	display: block;
}
/**********************************/
/***	END NAVBAR STYLES	***/
/**********************************/

/**************************/
/***	Page Body	***/
/**************************/
.featured-content {
	gap: 10px;
}
.featured-content a {
	color: #4ef900;
}
.featured-text {
	padding: 10px;
}
.featured-image {
	float: right;
	width: 50%;
	max-width: 700px;
	margin: 10px;
}
.featured-image img {
	width: 100%;
	height: auto;
	max-height: 70vh;
	display: block;
}

/* Footer image */
.footer {
	padding: 10px;
}
.footer img {
	width: 100%;
	height: auto;
}

/**************************/
/***	Resume iframe	***/
/**************************/
.resume-container {
	padding: 10px;
	display: flex;
	justify-content: center;
}
.resume-container iframe {
	width: 100%;
	max-width: 700px;
	aspect-ratio: 8.5 / 11;
	border: none;
}

/**********************************/
/***	END Page Body STYLES	***/
/**********************************/