:root {
	/*general colors*/
	--color-white:			#fff;
	--color-black:			#231f20;
	--color-green:			#afd24d;
	--color-turqoise: 		#00E4E9;
	--color-blue: 			#00AAB2;
	--color-pink:			#dd5d83;
	--color-yellow:			#F3CE32;
}

html{
	overflow-x: hidden;
	scroll-behavior: smooth;
}

body{
	font-family: 'Open Sans', sans-serif;
	color:var(--color-white);
	background:var(--color-black);
	font-size:18px;
	line-height:1.5;
	padding-top:30px;
	padding-bottom:30px;
}

a,
a:hover,
.btn.btn{
    -webkit-transition: all 0.3s;
    -moz-transition: all  0.3s;
    -o-transition: all  0.3s;
	transition: all  0.3s;
	cursor: pointer;
}

a,
a:hover{
	color:#0e2947;
	text-decoration: none;
}

.btn{
	font-size:12px;
	text-transform:uppercase;
	padding: 15px 30px;
	margin-bottom:15px;
	font-weight:700;
	border: 3px solid transparent;
	border-radius: 5px;
	display: block;
}

.btn:hover{
	padding:18px 36px;
}

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

.btn.btn-primary:hover,
.btn.btn-primary:active,
.btn.btn-primary:active:hover,
.btn.btn-primary:focus{
	color:#fff;
	background-color:var(--color-turqoise);
	border-color:var(--color-turqoise);
	outline:0!important;
	box-shadow: none!important;
}

.bg-green{
	background-color:var(--color-green);
}

.font-dark{
	color:#212529!important;
}

.font-blue{
	color:#0b2a46;
}

.font-white{
	color:#fff;
}

.profile-img {
	width: 250px;
	height: 250px;
	border-radius: 50%;
	object-fit: cover;
	margin-bottom: 20px;
	margin-left:auto;
	margin-right:auto;
}

.title {
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 15px;
	text-align: center;
}

.social-icons a {
	font-size: 36px;
	margin: 10px;
	color: var(--color-green);
}

.social-icons a:hover{
	font-size: 40px;
	color:var(--color-turqoise);
}

/****************************************************************************************
******** RESPONSIVE *********************************************************************
****************************************************************************************/

@media (max-width: 991.98px) {

}

@media (min-width: 992px) and (max-width: 1199.98px)  {

}

@media (min-width: 1200px) and (max-width: 1599.98px){

}

@media (min-width: 1600px) {

}