Can anyone help me with this one I don`t get where I got it wrong

Tell us what’s happening:
Describe your issue in detail here.

   **Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html>  
<head>
 <link rel="stylesheet" href="styles.css">
 
</head>
<body>
<main id="main-doc"> 
<header>Elusa</header> <p></p> <p></p> <code> </code> <li></li>
<section id="elusa"class="main-section">
<header>Elusa</header><p></p><p></p><code></code> <li></li>
<section id="elusa"class="main-section">
<header>Elusa</header><p></p><p></p><code></code> <li></li>
<section id="elusa"class="main-section">
<header>Elusa</header> <p> </p> <p> </p> <code> </code> <li> </li>
<section id="elusa" class="main-section">
<header>Elusa</header> <p> </p> <p> </p> <code> </code> <li> </li>
<section id="elusa" class="main-section">
<header>Elusa</header> <p> </p> <p> </p> <code> </code> <li> </li>
<nav  id="navbar">  <header>Elusa</header>
<a class="nav-link" id="navbar" href="#elusa">elusa</a>
<a class="nav-link" id="navbar" href="#elusa">elusa</a>
<a class="nav-link" id="navbar" href="#elusa">elusa</a>
<a class="nav-link" id="navbar" href="#elusa">elusa</a>
<a class="nav-link" id="navbar" href="#elusa">elusa</a>

<style>@media (max-width: 815px){
  #main-doc{
    display:flex;
    flex-direction:column;
  }

  nav{
    position: static;
  }
  nav,#sections{
    width: 100%;
  }
}</style>
</main> 
</body>
</html>
/* file: styles.css */

   **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.5005.124 Safari/537.36 Edg/102.0.1245.44

Challenge: Build a Technical Documentation Page

Link to the challenge:

It passed for me when I moved your CSS into the the styles.css editor.