@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Poppins:wght@300;400;500;600&display=swap');

:root{
  --font-one: 'Poppins', sans-serif;
  --font-two: 'Inter', sans-serif;
}

body {
  background-color: #fff !important;
}

label, input {
  font-size: 16px !important;
}

.navigation-bar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.link-orange{
color: #F9841A;
text-decoration: none;
}

.link-gray{
color: #212529;
text-decoration: none;
}

.link-gray:hover{
color: #F9841A;
text-decoration: none;
}

.btn-rounded{
border-radius: 24px;
padding: 6px 22px 6px 22px;
}

.btn-login{
background-color: #FFC61A;
font-family: var(--font-two);
font-weight: 600;
}

.btn-submit{
background-color: #F9841A !important;
font-family: var(--font-two);
font-weight: 600;
color: #fff;
}

.btn-submit:hover{
color: rgba(255, 255, 255, 0.789);
}

.btn-sign-up{
background-color: #E9451F;
font-family: var(--font-two);
font-weight: 600;
color: #fff;
letter-spacing: 0.5px;
}

.btn-sign-up:hover{
color: #F5F5F7;
}

.fp{
font-weight: 500;
font-family: var(--font-one);
}

.logo-karts svg path, .logo-karts svg circle, .logo-karts svg ellipse{
fill: #FFFFFF;
}

.btn-login-one{
background-color: #FFF;
font-family: var(--font-two);
font-weight: 600;
}

.field-icon {
float: right;
margin-right: 10px;
margin-top: -30px;
position: relative;
z-index: 2;
color: #212529;
}

.auth .card{
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 15px;
}