:root {  --primaryLight: hsl(195, 97%, 76%);  --carriere: hsl(195, 97%, 46%);  --primary: #04aee7;  --primaryOpacity6: hsla(195, 97%, 46%, 0.6);  --primaryDark: #0099ce;  --secondaryLight: hsl(0, 0%, 43%);  --secondary: hsl(0, 0%, 13%);  --secondaryOpacity8: hsla(0, 0%, 13%, 0.8);  --secondaryDark: hsl(0, 0%, 8%);  --tertiaryLight: hsl(33, 88%, 88%);  --tertiary: hsl(33, 88%, 58%);  --tertiaryDark: hsl(33, 88%, 38%);  --bgColor: hsl(195, 97%, 76%);  --hrColor: hsl(195, 97%, 46%);  --header-bottom-bg: hsl(195, 97%, 27%);  --header-text-color: hsla(0, 0%, 0%, 1);  --header-page-title-radius: 0 0 45px 0;  --header-top-text-color: rgb(255, 255, 255);  --base: #d6f5ff;  --base2: #d6f5ff;  --pillBg: #FFF8F7;  --pillBorder: #d6f5ff;  --publishBtnBg: var(--primary);  --publishBtnBorder: var(--primary);  --publishBtnColor: #FFFFFF;  --linkHighlight: var(--primary);  --input-radius: 30px;  --input-border-width: 2px; } @font-face {  src: url(https://www.espresso-jobs.com/fonts/Lato/Lato-Light.woff2) format("woff2"), url(https://www.espresso-jobs.com/fonts/Lato/Lato-Light.ttf) format("truetype");  font-family: "Lato";  font-weight: light;  font-display: swap; } @font-face {  src: url(https://www.espresso-jobs.com/fonts/Lato/Lato-Regular.woff2) format("woff2"), url(https://www.espresso-jobs.com/fonts/Lato/Lato-Regular.ttf) format("truetype");  font-family: "Lato";  font-weight: normal;  font-display: swap; } @font-face {  src: url(https://www.espresso-jobs.com/fonts/Lato/Lato-Bold.woff2) format("woff2"), url(https://www.espresso-jobs.com/fonts/Lato/Lato-Bold.ttf) format("truetype");  font-family: "Lato";  font-weight: bold;  font-display: swap; } @font-face {  src: url(https://www.espresso-jobs.com/fonts/Lato/Lato-BoldItalic.woff2) format("woff2"), url(https://www.espresso-jobs.com/fonts/Lato/Lato-BoldItalic.ttf) format("truetype");  font-family: "Lato";  font-weight: bold;  font-style: italic;  font-display: swap; } @font-face {  src: url(https://www.espresso-jobs.com/fonts/Lato/Lato-Italic.woff2) format("woff2"), url(https://www.espresso-jobs.com/fonts/Lato/Lato-Italic.ttf) format("truetype");  font-family: "Lato";  font-style: italic;  font-display: swap; } body {  font-family: "Lato", sans-serif; } h1 {  font-size: 40px;  font-weight: bold;  margin: 0 0 30px 0; } h2 {  font-size: 32px;  font-weight: bold;  margin: 0 0 20px 0; } h3 {  font-size: 28px;  font-weight: bold;  margin: 0 0 10px 0; } h4 {  font-size: 24px;  font-weight: bold;  margin: 0 0 10px 0; } h5 {  font-size: 20px;  font-weight: bold;  margin: 0 0 10px 0; } h6 {  font-size: 16px;  font-weight: bold;  margin: 0 0 10px 0; } p {  font-size: 16px;  margin: 0 0 0 0; } button, .btn {  display: block;  width: -moz-fit-content;  width: fit-content;  min-width: 230px;  max-width: 100%;  padding: 5px 20px;  font-size: 20px;  border-radius: 20px;  background: var(--primary);  color: white;  border: solid 2px var(--primary);  border-radius: 20px; } .btn-outline {  border: 2px solid black;  background-color: transparent;  color: black; } .btn-primary {  background: var(--primary);  border: solid 2px var(--primary);  color: white; } .btn-primary:hover {  background: var(--primaryDark);  border: solid 2px var(--primaryDark); } .btn-primary:focus, .btn-primary:active {  background: var(--primaryDark) !important;  border: solid 1px var(--primaryDark) !important;  box-shadow: none; } .btn-secondary {  color: var(--primary);  background: white;  border: solid 2px var(--primary); } .btn-secondary:hover {  background: var(--primary);  border: solid 2px var(--primary);  color: white; } .btn-tertiary {  background: var(--secondary);  color: white;  border: solid 2px var(--secondary); } .btn-tertiary:hover {  background: var(--secondaryDark);  border: solid 2px var(--secondaryDark); } .btn-black {  background: black;  color: white;  border: solid 2px black; } .btn-white {  background: white;  color: var(--primary);  border: solid 2px white;  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137); } .btn-large {  padding: 5px 20px;  font-size: 24px;  border-radius: 30px;  min-width: 280px; } .btn-medium {  padding: 5px 20px;  font-size: 20px;  min-width: 230px; } .btn-small {  padding: 5px 15px;  font-size: 16px;  min-width: -moz-fit-content;  min-width: fit-content; } .ej-d-none {  display: none !important; } .company_vip_text {  background: black; } .home-page-candidat__search h1 {  color: white; } .home-page-candidat__search__categories {  background: var(--secondaryDark);  font-weight: bold;  padding: 20px 0;  display: flex;  align-items: center;  justify-content: space-evenly;  width: 100%; } .home-page-candidat__search__categories a {  color: white;  font-size: 18px; } .home-page-candidat__search__background {  background: var(--secondary);  border-radius: 0 0 20px 20px;  width: 100%; } .home-page-candidat__search__container__form {  display: flex;  padding: 25px 0; } .home-page-candidat__search__container__form__input-container {  margin: 0 15px 0 0; } .home-page-candidat__search__container__form__input-container-input-group {  border-radius: 10px; } @media only screen and (max-width: 992px) {  .home-page-candidat h1 {   color: black;  }  .home-page-candidat__search__background {   margin-top: 0;   border-radius: 0;  }  .home-page-candidat__search__container__form {   width: 100%;  }  .home-page-candidat__search__container__form__input-container-input-group {   width: 100%;  }  .home-page-candidat__search__container__form__input-container-input-group-input {   width: 100%;  } } @media only screen and (max-width: 1200px) {  .home-page-candidat__search__container__form__input-container-input-group-input {   min-width: 200px;  } } a.se-connecter {  display: block;  width: 24px;  height: 24px;  background-image: url(https://www.espresso-jobs.com/img/account-w.png);  background-size: contain;  background-repeat: no-repeat; } .site-login .login-wrapper {  background-color: #e3e3e3;  border: 1px solid #c3c3c3; } .site-login .login-wrapper .auth-wrapper #w0 .form-group a button.auth-network {  background-color: #fff;  font-weight: normal; } .site-login .login-wrapper .form-wrapper #login-form .form-group .form-control {  background-color: #ffffff; } .site-signup .sign-up-wrapper {  background-color: #e3e3e3;  border: 1px solid #c3c3c3; } .site-signup .sign-up-wrapper .auth-wrapper #w0 .form-group a button.auth-network {  background-color: #fff;  font-weight: normal; } .site-signup .sign-up-wrapper .form-wrapper #form-signup .form-group .form-control {  background-color: #ffffff; } main:has(.site-login), main:has(.site-signup) {  background-color: #fff; }