/* inter-regular - latin */
@font-face {
   font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
   font-family: 'Inter';
   font-style: normal;
   font-weight: 400;
   src: url('../components/fonts/inter-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
html {
   font-size: 14px; 
}
 
body {
   font-family: "Inter", sans-serif;
   font-size: 1rem;
}
:root {
   --primary-font: "Inter", sans-serif;
}

h1 {
   font-family: var(--primary-font);
   font-size: 2.286rem;
   font-weight: 700;
   line-height: 1.2;
}

h2 {
   font-family: var(--primary-font);
   font-size: 1.857rem;
   font-weight: 700;
   line-height: 1.3;
}

.categorie-container h2 {
   font-size: 1.571rem;
   font-weight: 600;
}

h3 {
   font-family: var(--primary-font);
   font-size: 1.571rem;
   font-weight: 600;
   line-height: 1.4;
}

h4 {
   font-family: var(--primary-font);
   font-size: 1.286rem;
   font-weight: 600;
   line-height: 1.5;
}

h5 {
   font-family: var(--primary-font);
   font-size: 1.143rem;
   font-weight: 600;
   line-height: 1.5;
}

h6 {
   font-family: var(--primary-font);
   font-size: 1rem;
   font-weight: 500;
   line-height: 1.6;
}

p {
   font-family: var(--primary-font);
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.6;
}

p.caption {
   font-family: var(--primary-font);
   font-size: 0.75rem;
   font-weight: 400;
   line-height: 1.6;
}
.registration-container p {
   font-weight: 500;
}


input {
   font-family: var(--primary-font);
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.6;
}
#postAPost {
   font-size: 1.286rem;
   font-weight: 600;
}

label {
   font-family: var(--primary-font);
   font-size: 1.143rem;
   font-weight: 600;
   line-height: 1.5;
}
button {
   font-family: var(--primary-font);
   font-size: 1.143rem;
   font-weight: 600;
   line-height: 1.5;
}
button a{
   font-family: var(--primary-font);
   font-size: 1.143rem;
   font-weight: 600;
   line-height: 1.5;
}

.messageDiv {
   font-family: var(--primary-font);
   font-size: 1rem;
}

.form-control {
   font-family: var(--primary-font);
   font-size: 1rem;
}


nav > a {
   font-family: var(--primary-font);
   font-size: 1.286rem;
   font-weight: 600;
   line-height: 1.5;
}

.main-container .btn.btn-primary.dropdown-toggle {
   font-family: var(--primary-font);
   font-size: 1.571rem;
   font-weight: 600;
   line-height: 1.4;
}
.main-container .dropdown-item {
   font-family: var(--primary-font);
   font-size: 1.143rem;
   font-weight: 600;
   line-height: 1.5;
}

.form-control#postName{
   font-weight: 700;
}