@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Coda:wght@400;800&display=swap");

:root {
	--header-height: 60px;
	--nav-width: 68px;
	--nav-width-full: 250px;
	--dark-color: #14171c;
	--dark-color-light: #1c1c1c;
	--blue-color: #009ee3;
	--purple-color: #242f71;
	--grey-color: #e3e3e3;
	--body-font: 'Nunito', sans-serif;
	--normal-font-size: 1rem;
	--z-fixed: 100;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Coda', sans-serif;
}

.btn {
  font-family: 'Coda', sans-serif;
}

body{
	height:100%;
	font-family: var(--body-font);
	font-size: var(--normal-font-size);
	background-color: var(--grey-color);
}

.login-left{
	background-color: var(--dark-color);
	font-size:1.5rem;
	color: var(--grey-color);
}

.login-left h1{
	font-size:4rem;
	color: var(--blue-color);
	font-weight: 700;
}

.btn-primary{
	background-color: var(--blue-color);
	border-color: var(--blue-color);
}

.btn-primary:hover{
	background-color: var(--purple-color);
	border-color: var(--purple-color);
}

.logo-text {
	font-family: 'Nunito', sans-serif;
}

@media (max-width: 1199.98px) {
	.hidden-mobile {
		display: none;
	}

	.login-left {
		position: fixed;
		height:80px;
	}
}