*
{
	font-family: "Poppins", sans-serif;
}

body
{
	color: #fff;
	font-family: Arial, sans-serif;
	background: #0b1a2a url("img/bg-2.jpg") no-repeat center top;
	background-size: cover;
	background-attachment: fixed;
	background-blend-mode: multiply;
}

#preloader
{
	position: fixed;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background: rgba(11, 26, 42, 0.85);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
}

#preloader .globe
{
	font-size: 5rem;
	color: #FEBF00;
	animation: spin 1.7s linear infinite;
}

@keyframes spin
{
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}

.card
{
	background: rgba(15, 26, 42, 0.3);
	border: 1.3px solid rgba(254, 191, 0, 0.3);
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	color: #fff;
}

.mono
{
	font-family: monospace;
}

.title-gradient
{
	font-weight: bold;
	font-size: 5.4rem;
	background: linear-gradient(90deg, #028388 0%, #00CADA 10%, #ffd147 40%, #FEBF00 60%, #C09B2F 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}

.text-official-numbers
{
	color: #FEBF00;
	font-size: 3rem;
}

.text-not-number
{
	color: #FEBF00;
	font-size: 2rem;
}

.w-30
{
	width: 30%;
}

.w-35
{
	width: 35%;
}

.btn-success
{
	background-color: #8BD722;
	color: #191919;
	font-weight: 600;
}

.btn-success:hover
{
	background-color: #9ce831;
	color: #191919;
	font-weight: 600;
}

.glass-footer
{
    background: rgba(15, 26, 42, 0.5);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    color: #fff;
  }

  .glass-footer a:hover
	{
    text-decoration: underline;
    color: #FEBF00;
  }


@media (max-width: 600px)
{
	.title-gradient
	{
		font-size: 3.7rem;
	}
	.text-official-numbers
	{
		font-size: 2.6rem;
	}
	#formCheck
	{
		flex-direction: column !important;
		align-items: stretch !important;
	}

	#formCheck input,
	#formCheck button
	{
		width: 100% !important;
	}
}