@charset "UTF-8";
/* CSS Document */

html {
	margin: 0 auto;
	padding: 0 4px;
}

body {
	
	color: #ffffff;
	background-color: #000000;
	background-image: url("../img/bg.png");
	background-repeat: no-repeat;
	background-position: center top;
}

@font-face {
  font-family: 'Inter';
  	src: url('assets/fonts/Inter-VariableFont_slnt,wght.ttf')  format('truetype'), /* Safari, Android, iOS */;
}

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

@media only screen and (max-width: 390px) {
	.section-margin-top {
		margin-top: 48px !important;
	}
}

@media only screen and (max-width: 768px) {
	.section-margin-top {
		margin-top: 48px !important;
	}
	
	.btnSecondary {
		width: 100% !important;
		margin-top: 16px;
	}
}

@media only screen and (max-width: 1024px) {
	.section-margin-top {
		margin-top: 80px;
	}
}






.container {
	max-width: 990px;
}

.section-margin-top {
	margin-top: 96px;
}

.avatar {
	margin-bottom: 32px;
}

.texts {
	max-width: 686px;
}

.title-description {
	margin-bottom: 24px;
}

/*-- BUTTONS --*/

.btnPrimary {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: rgba(255,255,255);
	background-color: rgba(10,125,255);
	padding: 12px 20px 12px 24px;
	border: none;
	border-radius: 8px;
	transition: ease 0.5s;
}

.btnPrimary:hover {
	background-color: rgba(0,81,163);
	transition: ease 0.5s;
}

.btnNegative {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: rgba(255,255,255);
	background-color: rgba(255,0,0);
	padding: 12px 20px 12px 24px;
	border: none;
	border-radius: 8px;
	transition: ease 0.5s;
}

.btnNegative:hover {
	background-color: rgba(153,0,0);
	transition: ease 0.5s;
}

.btnSecondary {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: rgba(255,255,255,0.84);
	background-color: rgba(255,255,255,0.04);
	padding: 12px 24px;
	border: 1px solid rgba(255,255,255,0.16);
	border-radius: 8px;
	transition: ease 0.5s;
}

.btnSecondary:hover {
	background-color: rgba(255,255,255,0.16);
	transition: ease 0.5s;
}

.btnTertiary {
	background: none !important;
	border: none;
	color: #0A84FF;
	
	padding: 0;
	transition: ease 0.32s;
}

.btnTertiary:hover {
	opacity: 0.64;
	transition: ease 0.32s;
}

.btnIcon {
	background: none;
	border: none;
	border-radius: 50%;
	padding: 8px 8px;
	transition: ease 0.5s;
	opacity: 0.5;
	margin: 0px 2px;
}

.btnIcon:hover {
	background: rgba(255,255,255,0.16);
	transition: ease 0.3s;
	opacity: 1.0;
}

.buttons {
	display: inline-flex;
}

.button {
	margin-right: 16px;
}

.icon-button-area a {
	text-align: center;
	text-decoration: none !important;
}

/*-- CARDS --*/

.cardPartner {
	background-color: rgba(255,255,255,0.06);
	padding: 56px 0px;
	border-radius: 24px;
	width: 100%;
	text-align: center;
}

.actions {
	margin-top: 64px;
}

.card-article {
	background-color: none!important;
	border: 1px solid rgba(255,255,255,0.16);
	border-radius: 24px;
	padding: 24px;
}

.card-article > .content {
	margin: 24px 0;
}

.a {
	text-decoration: none !important;
    color: rgba(255,255,255,0.92);
}


footer {
	margin-top: 96px;
	padding: 24px 0;
}

.footerdescription {
	text-align: center;
    color: rgba(255,255,255,0.48);
	font-size: 14px;
	font-weight: 400;
	margin-top: 24px
}