.ff-1 {
	font-family: "Space Grotesk", sans-serif;
}

.ff-2 {
	font-family: "Audiowide", sans-serif;
}

.ff-3 {
	font-family: "Roboto", sans-serif;
}

.goldman-regular {
	font-family: "Goldman", serif;
	font-weight: 400;
	font-style: normal;
}

.color-1{
	color: #00B6D4;
}
.color-2{
	color: #1EF94A;
}
.color-3{
	color: #d83030;
}
.bg-1{
	background-color: #00B6D4;
}
.bg-2{
	background-color: #1EF94A;
}
.bg-3{
	background-color: #d83030;
}
.btn-1{
	background-color: #00B6D4;
	color: black;
	transition: 0.3s all;	
}
.btn-1:hover{
	background-color: white;
	color: black;
	transition: 0.3s all;	
}

.color-green{
	color: #00DA98;
}
.color-pink{
	color: #FF82F8;
}
.color-blue{
	color: #00C6E5;
}
.color-lightgreen{
	color: #D1FFF1;
}
.color-lightpink{
	color: #FFEBFE;
}
.color-lightblue{
	color: #95F0FF;
}

.bg-green{
	background-color: #00DA98;
}
.color-pink{
	color: #FF82F8;
}
.bg-blue{
	background-color: #00C6E5;
}
.bg-lightgreen{
	background-color: #D1FFF1;
}
.bg-lightpink{
	background-color: #FFEBFE;
}
.bg-lightblue{
	background-color: #95F0FF;
}
.bg-darkblue{
	background-color: #14123D;
}

.to-green{
	-webkit-text-stroke: 2px #00DA98;
}
.to-pink{
	-webkit-text-stroke: 2px #FF82F8;
}
.to-blue{
	-webkit-text-stroke: 2px #00C6E5;
}
.to-lightgreen{
	-webkit-text-stroke: 2px #D1FFF1;
}
.to-lightpink{
	-webkit-text-stroke: 2px #FFEBFE;
}
.to-lightblue{
	-webkit-text-stroke: 2px #95F0FF;
}

.ts-green{
	text-shadow: 0 0 20px #00DA98, 0 0 15px #00DA98, 0 0 10px #00DA98;
	transition: 0.3s all;	
}
.ts-pink{
	text-shadow: 0 0 20px #FF82F8, 0 0 15px #FF82F8, 0 0 10px #FF82F8;
	transition: 0.3s all;	
}
.ts-blue{
	text-shadow: 0 0 20px #00C6E5, 0 0 15px #00C6E5, 0 0 10px #00C6E5;
	transition: 0.3s all;	
}
.ts-lightgreen{
	text-shadow: 0 0 20px #D1FFF1, 0 0 15px #D1FFF1, 0 0 10px #D1FFF1;
	transition: 0.3s all;	
}
.ts-lightpink{
	text-shadow: 0 0 20px #FFEBFE, 0 0 15px #FFEBFE, 0 0 10px #FFEBFE;
	transition: 0.3s all;	
}
.ts-lightblue{
	text-shadow: 0 0 20px #95F0FF, 0 0 15px #95F0FF, 0 0 10px #95F0FF;
	transition: 0.3s all;	
}
/*soft text-shadow*/
.ts-green-2{
	text-shadow: 0 0 10px #00DA98, 0 0 5px #00DA98, 0 0 0px #00DA98;
	transition: 0.3s all;	
}
.ts-pink-2{
	text-shadow: 0 0 10px #FF82F8, 0 0 5px #FF82F8, 0 0 0px #FF82F8;
	transition: 0.3s all;	
}
.ts-blue-2{
	text-shadow: 0 0 10px #00C6E5, 0 0 5px #00C6E5, 0 0 0px #00C6E5;
	transition: 0.3s all;	
}
.ts-lightgreen-2{
	text-shadow: 0 0 10px #D1FFF1, 0 0 5px #D1FFF1, 0 0 0px #D1FFF1;
	transition: 0.3s all;	
}
.ts-lightpink-2{
	text-shadow: 0 0 10px #FFEBFE, 0 0 5px #FFEBFE, 0 0 0px #FFEBFE;
	transition: 0.3s all;	
}
.ts-lightblue-2{
	text-shadow: 0 0 10px #95F0FF, 0 0 5px #95F0FF, 0 0 0px #95F0FF;
	transition: 0.3s all;	
}

/*box-shadow*/
/*soft text-shadow*/
.bs-green-2{
	box-shadow: 0 0 10px #00DA98, 0 0 5px #00DA98, 0 0 0px #00DA98;
	transition: 0.3s all;	
}
.bs-pink-2{
	box-shadow: 0 0 10px #FF82F8, 0 0 5px #FF82F8, 0 0 0px #FF82F8;
	transition: 0.3s all;	
}
.bs-blue-2{
	box-shadow: 0 0 10px #00C6E5, 0 0 5px #00C6E5, 0 0 0px #00C6E5;
	transition: 0.3s all;	
}
.bs-lightgreen-2{
	box-shadow: 0 0 10px #D1FFF1, 0 0 5px #D1FFF1, 0 0 0px #D1FFF1;
	transition: 0.3s all;	
}
.bs-lightpink-2{
	box-shadow: 0 0 10px #FFEBFE, 0 0 5px #FFEBFE, 0 0 0px #FFEBFE;
	transition: 0.3s all;	
}
.bs-lightblue-2{
	box-shadow: 0 0 10px #95F0FF, 0 0 5px #95F0FF, 0 0 0px #95F0FF;
	transition: 0.3s all;	
}

/*border custom*/
.border-green{
	border-color: #00DA98!important;
}
.border-pink{
	border-color: #FF82F8!important;
}
.border-blue{
	border-color: #00C6E5!important;
}
.border-lightgreen{
	border-color: #D1FFF1!important;
}
.border-lightpink{
	border-color: #FFEBFE!important;
}
.border-lightblue{
	border-color: #95F0FF!important;
}


.btn-green{
	background-color: #00DA98;
	border: 3px solid #00DA98;
	color: black;
	transition: 0.3s all;	
}
.btn-green:hover{
	background-color: #00DA98;
	border: 3px solid #D1FFF1;
	box-shadow: 0 0 20px 5px #00DA98;
	color: #D1FFF1;
	transition: 0.3s all;	
}
.btn-pink{
	background-color: #FF82F8;
	border: 3px solid #FF82F8;
	color: black;
	transition: 0.3s all;	
}
.btn-pink:hover{
	background-color: #FF82F8;
	border: 3px solid #FFEBFE;
	box-shadow: 0 0 20px 5px #FF82F8;
	color: white;
	transition: 0.3s all;	
}
.btn-blue{
	background-color: #00C6E5;
	border: 3px solid #00C6E5;
	color: black;
	transition: 0.3s all;	
}
.btn-blue:hover{
	background-color: #00C6E5;
	border: 3px solid #95F0FF;
	box-shadow: 0 0 20px 5px #00C6E5;
	color: white;
	transition: 0.3s all;	
}

.border-gradient-1{
	border-image-source: linear-gradient(to bottom, #00DA98, #D1FFF1)!important;
}

.square-ratio{
	aspect-ratio: 1/1;
}