@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap');

body {
  background-color: powderblue;
  font-family: "Inter";
  height:500vh;
} 

.menu{
  position:sticky;
  top:0;
  left:0;
  background:#94241c;
}

.menu > ul{
  display:flex;
  list-style: none;
}

.menu li a{
  text-decoration:none;
  color:#000000;
  display:block;
  padding:10px 20px;
}


.cyber{
  position:relative;
}

.cyber-more{
  list-style: none;
  display:none;
  position:absolute;
  top:39px;
  left:0;
  background:#94241c;
  width:max-content;
}

.cyber-more li a:hover{
  background:#94241c;
}

.cyber:hover .cyber-more{
  display:block;
}





.school-projects{
  position:relative;
}

.school-more{
  list-style: none;
  display:none;
  position:absolute;
  top:39px;
  left:0;
  background:#94241c;
  width:max-content;
}

.school-more li a:hover{
  background:#94241c;
}

.school-projects:hover .school-more{
  display:block;
}



.app-more{
  list-style: none;
  display:none;
  position:absolute;
  top:0px;
  left:171px;
  background:#94241c;
  width:max-content;
}

.app-more li a:hover{
  background:#94241c;
}

.school-more:hover .app-more{
  display:block;
}




.veille{
  position:relative;
}

.veille-more{
  list-style: none;
  display:none;
  position:absolute;
  top:39px;
  left:0;
  background:#94241c;
  width:max-content;
}

.veille-more li a:hover{
  background:#94241c;
}

.veille:hover .veille-more{
  display:block;
}


.projet-more{
  list-style: none;
  display:none;
  position:absolute;
  top:0px;
  left:143px;
  background:#94241c;
  width:max-content;
}

.projet-more li a:hover{
  background:#94241c;
}

.veille-more:hover .projet-more{
  display:block;
}