@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700&display=swap');

body {
   font-family: 'Lato', sans-serif;
}

/* Animation classes from animate.style */
.animate__animated.animate__zoomIn {
   --animate-duration: 2s;
 }

.animate__animated.animate__fadeIn {
   --animate-duration: 3s;
}

.animate__animated.animate__slideInLeft {
   --animate-duration: 3s;

}
.animate__animated.animate__slideInRight {
   --animate-duration: 3s;
}

.animate__animated.animate__fadeInUp {
   --animate-duration: 2s;
}

.animate__animated.animate__pulse {
   --animate-duration: 1.5s;
   --animate-delay: 0.5s;
}

.animate__animated.animate__bounceIn {
   --animate-duration: 3s;

}

/* Navbar */
.navbar {
   font-family: 'Montserrat', sans-serif;
   
}

.nav-bg-color {
   background-color: #f5f5f5;
   font-weight: 600;
   border-bottom: 3px solid rgb(85, 60, 60);
}

.nav-span {
   color: rgb(85, 60, 60);
   font-size: 1.5rem;
}

.nav-tag {
   color: rgb(85, 60, 60);
   font-size: 1.5rem;
}

#navbar .nav ul li a {
   font: 900;
   font-size: 1.5rem;
   color: rgb(85, 60, 60);
   text-transform: uppercase;
}

.nav-link a:hover {
   font: 900;
   
}
.primary-text {
   color: rgb(85, 60, 60);
}

/* Cards */
.card-header-bg {
   background-color:rgb(48, 46, 46);
}

/* Form Inputs */
input[type=text],
input[type=email],
input[type=password],
input[type=file],
.textarea {
   border: 1px solid rgb(85, 60, 60);
   border-radius: 4px;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=file]:focus,
.textarea:focus {
   background-color: rgb(219, 219, 219);
   border: 3px solid #188129;
   color: rgb(48, 46, 46);
}

/* Footer */

.footer-span {
   color: rgb(85, 60, 60);

}

.nav-footer-bg-color {
   background-color: #f5f5f5;
   font-weight: 600;
   border-top: 3px solid rgb(85, 60, 60);
}

.footer-span:hover {
   font-weight: 500;
}

footer {
   font-family: 'Montserrat', sans-serif;
}