I still need help with the question so…
This is the HTML:
<!DOCTYPE html />
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<title>Tim Cook Biography</title>
</head>
<body>
<nav class="navbar" id="navbar">
<header>Quick Navigation</header>
<ul>
<li><a class="nav-link" href="#Who_is_Tim_Cook?">Who is Tim Cook?</a></li>
<li><a class="nav-link" href="#Early_Life_&_Education">Early Life & Education</a></li>
<li><a class="nav-link" href="#Early_Career">Early Career</a></li>
<li><a class="nav-link" href="#Career_at_Apple">Career at Apple</a></li>
<li><a class="nav-link" href="#Tax_Rates_&_Other_Controversies">Tax Rates & Other Controversies</a></li>
<li><a class="nav-link" href="#World_Impact_&_Salary">World Impact & Salary</a></li>
<li><a class="nav-link" href="#Investments_&_Philanthropy">Investments & Philanthropy</a></li>
<li><a class="nav-link" href="#Quick_Info">Quick Info</a></li>
</ul>
</nav>
<main id="main-doc">
<h1>Tim Cook</h1>
<section class="main-section" id="Who_is_Tim_Cook?">
<header>Who is Tim Cook?</header>
<p>Tim Cook, Apple CEO, holds a bachelor's degree in industrial engineering from Auburn University and an MBA from Duke University's Fuqua School of Business. After a 12-year IBM career, he held executive roles at Intelligent Electronics and Compaq before joining Apple in <code>1998</code>.</p>
</section>
<section class="main-section" id="Early_Life_&_Education">
<header>Early Life & Education</header>
<p>Tim Cook, born in <code>1960</code> in Robertsdale, Alabama, was a successful businessman and entrepreneur. He graduated second in his class in 1978 from Robertsdale High School. Cook later attended Auburn University, earning a bachelor's degree in industrial engineering in <code>1982</code> and a Master of Business Administration degree from Duke University's Fuqua School of Business in 1988. He was awarded the title of Fuqua Scholar, recognizing top-performing students in their class.</p>
</section>
<section class="main-section" id="Early_Career">
<header>Early Career</header>
<p>After graduating from graduate school, Cook began his career in computer technology, joining IBM as North American fulfillment director. He later became the chief operating officer of the Reseller Division at Intelligent Electronics and later vice president of corporate materials at Compaq Computer Corporation. However, his tenure at Compaq was short-lived, as he left for a position at Apple after a six-month stint. Cook's career in computer technology was marked by growth and innovation.</p>
</section>
<section class="main-section" id="Career_at_Apple">
<header>Career at Apple</header>
<p>Apple's founder Steve Jobs, who died in <code>2011</code>, was a visionary who made a significant decision to join the company in <code>1998</code>. Cook began working for Apple in early 1998, when the company was experiencing declining profits instead of growth. He initially was dissuaded from joining due to the company's bleak future. However, after Cook's arrival as a vice president, the company reported profits, a significant shift from the previous year's net loss of $1 billion.</p>
<p>Cook rose to executive vice president and then chief operating officer, managing worldwide sales and operations, leading the Macintosh division, and developing reseller/supplier relationships. In <code>2011</code>, Cook was named Apple's new CEO, taking over from Steve Jobs. He also sits on the corporation's board of directors.</p>
<p>In May <code>2014</code>, Apple announced its largest acquisition to date, buying Beats Music and Beats Electronics for $3 billion. The deal included Beats co-founders Dr. Dre and Jimmy Iovine in executive roles. Cook announced the latest version of the Apple operating system, OSX Yosemite, the iPhone 6 and iPhone 6 Plus, and the first wearable device, the "Apple Watch," available for purchase in 2015.</p>
<p>Cook continued to oversee the development of new products like Clips, an app for creating short videos for social media, and the iPhone X, which generated buzz in the tech world for its facial recognition system. Along the way, Apple introduced the Apple News app, which allowed users access to articles from various sources. In June <code>2018</code>, Apple unveiled a <code>2018</code> midterm elections section, drawing curated content from legitimate sites and exclusives like The Washington Post's Election Now dashboard.</p>
</section>
<section class="main-section" id="Tax_Rates_&_Other_Controversies">
<header>Tax Rates & Other Controversies</header>
<p>Apple CEO Tim Cook faced scrutiny over the company's strategy of storing income overseas. Despite paying one of the highest effective tax rates of any major corporation, Cook denied attempting to bypass U.S. tax laws. The "Paradise Papers" leak in November <code>2017</code> revealed Apple's tax practices, including transferring assets to the Channel Islands off Normandy after the European Union investigated its Irish government arrangement. The EU ordered Apple to pay approximately $14.5 billion in unpaid taxes. Apple released a statement stating that every company has a responsibility to pay its taxes. In December <code>2017</code>, Apple faced multiple lawsuits after admitting to slowing iPhone performance to adapt to diminishing batteries and deceiving customers into paying more for new models. Cook was informed he could only use private jets for business and personal transport, with his personal travel expenses totaling $93,109 and his personal security expenses totaling $224,216.</p>
</section>
<section class="main-section" id="World_Impact_&_Salary">
<header>World Impact & Salary</header>
<p>In <code>2011</code>, Steve Jobs was named one of Forbes' "World's Most Powerful People" and was the highest-paid CEO among large publicly traded companies in <code>2012</code>. Cook made $378 million in total compensation from stock awards and bonuses in <code>2011</code>, with a salary of around $900,000. In <code>2015</code>, he announced he would donate the rest of his fortune to philanthropic projects after paying for his nephew's college education. In <code>2018</code>, Cook was set to collect approximately $120 million in stock after Apple became the first American public company to reach a value of $1 trillion.</p>
</section>
<section class="main-section" id="Investments_&_Philanthropy">
<header>Investments & Philanthropy</header>
<p>In <code>2018</code>, Apple committed to investing $350 billion in the US economy and creating 20,000 new jobs over five years. The company invested $55 billion in <code>2018</code> alone and built a renewable energy-powered facility in the US. Apple also bolstered its advanced manufacturing fund and expanded its coding initiatives to help students and teachers learn computing skills. Apple Music's monthly subscriptions in the US increased more than double that of Spotify, putting it on track to surpass Spotify by summer. In March <code>2020</code>, Apple donated $15 million to global relief efforts following the coronavirus outbreak. The company also began producing face shields and plans to ship millions to medical workers.</p>
</section>
<section class="main-section" id="Quick_Info">
<header>Quick Info</header>
<ul>
<li>Name: Tim Cook</li>
<li>Birth Date: November 1, 1960</li>
<li>Birth Place: Robertsdale, Alabama</li>
<li>Gender: Male</li>
<li>Best Known For: American business executive and engineer Tim Cook has served as chief executive officer of Apple since August 2011.</li>
</ul>
</section>
</main>
</body>
</html>
This is the CSS:
html,
body {
min-width: 290px;
color: #4d4e53;
background-color: #ffffff;
font-family: -apple-system, BlinkMacSystemFont, sans-serif;
line-height: 1.5;
}
#navbar {
position: fixed;
min-width: 290px;
top: 0px;
left: 0px;
width: 300px;
height: 100%;
border-right: solid;
border-color: rgba(0, 22, 22, 0.4);
}
header {
color: black;
margin: 10px;
text-align: center;
font-size: 1.8em;
font-weight: thin;
}
#main-doc header {
text-align: left;
margin: 0px;
}
#navbar ul {
height: 88%;
padding: 0;
overflow-y: auto;
overflow-x: hidden;
}
#navbar li {
color: #4d4e53;
border-top: 1px solid;
list-style: none;
position: relative;
width: 100%;
}
#navbar a {
display: block;
padding: 10px 30px;
color: #4d4e53;
text-decoration: none;
cursor: pointer;
}
#main-doc {
position: absolute;
margin-left: 310px;
padding: 20px;
margin-bottom: 110px;
}
section article {
color: #4d4e53;
margin: 15px;
font-size: 0.96em;
}
section li {
margin: 15px 0px 0px 20px;
}
code {
font-family: -apple-system, BlinkMacSystemFont, sans-serif;
}
#navbar {
background-color: white;
position: absolute;
top: 0;
padding: 0;
margin: 0;
width: 100%;
max-height: 275px;
border: none;
z-index: 1;
border-bottom: 2px solid;
}
#main-doc {
position: relative;
margin-left: 0px;
margin-top: 270px;
}
}
@media only screen and (max-width: 400px) {
#main-doc {
margin-left: -10px;
}
Sorry its kinda long 
