Créer menu burger

<section id="apropos">
			<nav>
				<div id=fondmenu>
					<ul class="menuderoulant">
						<li class="sectionprincipale">
							<a href="#">Notre boutique en ligne</a>
						</li>
						<li class="sectionprincipale">
							<a href="#">Nos réseaux sociaux</a>
								<ul class=sousmenu>
									<li><a href="#">Instagram</a></li>
									<li><a href="#">Linkedin</a></li>
									<li><a href="#">Youtube</a></li>
								</ul>
						</li>
						<li class="sectionprincipale">
							<a href="#">Quelques conseils</a>
								<ul class="sousmenu">
									<li><a href="#">Comment consommer plus "responsablement" ?</a></li>
									<li><a href="#">Comment et pourquoi utiliser le site ?</a></li>
								</ul>	
						</li>
						<li class="sectionprincipale">
							<a href="#">Nous contacter</a>
								<ul class="sousmenu">
									<li><a href="#">Via le formulaire de contact</a></li>
									<li><a href="#">Via e-mail (secondaire)</a></li>
									<li><a href="#">Nos coordonnées (secondaire)</a></li>
								</ul>
						</li>
					</ul>	
					<button class="Burger"> <!--Ici je crée mon bouton qui fort heureusement va finir par contenir mon menu-->
						<i class="fa-solid fa-bars fa 2x"></i>
					</button>