@import '../components/menu/menu.css';
@import '../components/menu/menu-project.css';
@import '../components/grid-project.css';
@import '../components/infos.css';


nav.menu div:nth-child(1) a:nth-child(1) button{
  	color: var(--color-second);
  	border-color: var(--color-second);
}

nav.menu div:nth-child(1) a:nth-child(1) button:hover{
  background-color:var(--color-highlight-project);
  color:white;
  border:1px solid var(--color-highlight-project);
}

nav.menu div:nth-child(2) a:nth-child(1) button:hover{
  background-color:var(--color-highlight-atelier);
  color:white;
  border-color: var(--color-highlight-atelier);
}

nav.menu div:nth-child(2) a:nth-child(2) button{
  background-color: var(--color-highlight-project);
  border-color: var(--color-highlight-project);
  color:white;
}


::-webkit-scrollbar {
  background-color: white;
  border-left:1px solid var(--color-highlight-project);
}

::-webkit-scrollbar-thumb {
   background-color: var(--color-highlight-project);
}

header div:nth-child(2) h1:nth-child(1) {
  display:flex !important;
}

nav.info-button div a button{
  background-color: var(--color-highlight-project);
  border-color:var(--color-highlight-project);
  color:white;
}

.infos .left a:hover{
  color:var(--color-highlight-project);
}

.infos .right a, .infos .right a:hover{
  color:var(--color-highlight-project);
}