html { box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; }

body{
  font-family: var(--ro-font-body);
  color: var(--ro-text-900);
  background: var(--ro-bg-0);
}

h1,h2,h3{
  font-family: var(--ro-font-heading);
  line-height: var(--ro-line-height-sm);
}

a{ color: inherit; }

@media (max-width:425px) {
  .ro-page{
    padding : var(--ro-space-12) 0 0 0;
  }
  .dashboard-user__head{
    padding: 0 var(--ro-space-16);
  }

  body{
    padding: 12px 0 0 0;
  }

  h1, h2{
    padding: 0 16px;
  }
  
}

/* CONNEXION - INSCRIPTION */



.ro-auth{
  width:100%;
  
}

.log_container, .ro-account-page__grid{
  display: flex;
  flex-direction: column;
  max-width: 100%;
  gap: var(--ro-space-24) 0;
  align-items: center;

}
#loginform, .ro-auth__form{
  max-width: 75%;
  display: flex;
  flex-direction: column;
  gap: var(--ro-space-12);
  
}
@media (max-width:680px) {
  #loginform, .ro-auth__form{
  max-width: 100%;
  padding:var(--ro-space-12) var(--ro-space-16);
  
}
  
}