:root {
--h1-font:Poppins, sans-serif;
--h1-size:4.5rem;
--h1-weight:900;
--h2-font:Poppins, sans-serif;
--h2-size:3rem;
--h2-weight:700;
--p-font:Montserrat, sans-serif;
--p-size:1rem;
--p-weight:400;
--header-bg-color:#2c019b;
--nav-top-bg-color:#2c019b;
--nav-sub-bg-color:#21333e;
--nav-holder-bg-color:#21333e;
--nav-brand-height:35px;
--nav-item-color:#f9f9f9;
--hero-bg-color:#111117;
--footer-brand-height:80px;
--primary-color:#2c019b;
--secondary-color:#000007;
--white-color:#fff;
--black-color:#000007;
--dark-grey-color:#111117;
--primary-t-color:#21333e;
--secondary-t-color:#f9f9f9;
--primary-p-color:#606d75;
--secondary-p-color:#c0c3d0;
--primary-b-color:#f9f9f9;
--primary-l-color:rgba(0,0,0,.25);
--secondary-l-color:rgba(255,255,255,0.35);
--valid-color:#007a4d;
--invalid-color:#e34f4f;
--primary-bg-color:#f9f9f9;
--primary-bg-color-2:#f1f1f1;
--primary-bg-color-3:#2c019b52;
--secondary-bg-color:#111117;
--secondary-bg-color-2:#080d10;
--secondary-bg-color-3:#191919;
--card-bg-color:#fff;
--footer-bg-color:#111117
}
.primary-button, .primary-button:visited, .primary-button:active {
	position: relative;
	z-index: 2;
	padding: 10px 25px;
	background-color: var(--primary-color);
	border-radius: 4px;
	border: 1px solid;
	border-color: var(--primary-color);
	color: var(--primary-b-color);
	font-weight: 500;
	-webkit-transition: all .4s ease-out 0;
	-o-transition: all .4s ease-out 0;
	-moz-transition: all .4s ease-out 0;
	transition: all .4s ease-out 0
}
.primary-button:hover, .primary-button:focus {
	background-color: var(--secondary-color);
	border-color: var(--secondary-color);
	color: var(--white-color)
}
.outline-button, .outline-button:visited, .outline-button:active {
	position: relative;
	z-index: 2;
	padding: 10px 25px;
	background-color: transparent;
	border-radius: 4px;
	border: 1px solid;
	border-color: var(--primary-color);
	color: var(--primary-color);
	font-weight: 500;
	-webkit-transition: all .4s ease-out 0;
	-o-transition: all .4s ease-out 0;
	-moz-transition: all .4s ease-out 0;
	transition: all .4s ease-out 0
}
.odd .outline-button, .odd .outline-button:visited, .odd .outline-button:active {
	position: relative;
	z-index: 2;
	padding: 10px 25px;
	background-color: transparent;
	border-radius: 4px;
	border: 1px solid;
	border-color: var(--primary-color);
	color: var(--primary-b-color);
	font-weight: 500;
	-webkit-transition: all .4s ease-out 0;
	-o-transition: all .4s ease-out 0;
	-moz-transition: all .4s ease-out 0;
	transition: all .4s ease-out 0
}
.outline-button:hover, .outline-button:focus {
	border-color: var(--secondary-color);
	background-color: var(--secondary-color);
	color: var(--white-color)
}
@-webkit-keyframes pulse {
0% {
-webkit-box-shadow:0 0 0 0 #2c019b;
background-color:#2c019b
}
70% {
-webkit-box-shadow:0 0 0 10px rgba(204,169,44,0);
background-color:rgba(204,169,44,0)
}
100% {
-webkit-box-shadow:0 0 0 0 rgba(204,169,44,0);
background-color:rgba(204,169,44,0)
}
}
@keyframes pulse {
0% {
-moz-box-shadow:0 0 0 0 #2c019b;
box-shadow:0 0 0 0 #2c019b;
background-color:#2c019b
}
70% {
-moz-box-shadow:0 0 0 10px rgba(204,169,44,0);
box-shadow:0 0 0 10px rgba(204,169,44,0);
background-color:rgba(204,169,44,0)
}
100% {
-moz-box-shadow:0 0 0 0 rgba(204,169,44,0);
box-shadow:0 0 0 0 rgba(204,169,44,0);
background-color:rgba(204,169,44,0)
}
}