/***
*
*
*/



*{margin: 0; padding: 0;}
a{color: #333; text-decoration: none;}


.nav-user-login-index{
  width: 70%;
  height: 10px;
  margin-right: 100px;
  display: flex;
  gap: 20px;
  justify-content: flex-end;
}
.nav-user-login-index a{
  color: var(--user-line);
  font-size: smaller;
  font-weight: 100;
}

.nav-user-login-index a:hover{
  cursor: pointer;
  
}

.header{
  display: grid;
  height: 35px;
  place-items: center;
  grid-template-columns: 110px 200px 400px 45px 45px; 
  column-gap: 20px;
  padding-left: 10%;
  margin-bottom: 5px;
} 

.header-lines{
  display: flex;
  height: 45px;
  padding-left: 5%;
  padding-right: 40%;
  gap: 20px; 
  background-color: hsla(120, 2%, 34%, 0.09);   
} 


.header-lines a:hover{
  text-decoration: underline;
}

.header-lines a{
  display: block;
  padding: 10px;
  height: 45px;
}

.header-acted{
  background-color: var(--white);
}