:root {
	--primary-10: #0c0c0c;
	--primary-20: #6c6c6c;
	--secondary-10: #f1f1f1;
	--secondary-20: #e0e0e0;
	--color-success: #34c759;
	--color-success-20: #34c75933;
	--color-error: #ff6d47;
	--color-error-20: #ff6d4733;
	--border: 1px solid #7d7d7d;
	--scrollbar-padding: 0px;
}
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	outline: none;
	text-decoration: none;
}
html {
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-webkit-tap-highlight-color:  #ffffff0a;
	scroll-behavior: smooth;
}
body {
	min-height: 100dvh;
	padding-right: var(--scrollbar-padding);
	color: var(--primary-10);
	background: var(--secondary-10);
	font-family: var(--font-text);
	font-size: 14px;
}
h1,h2,h3,h4 {
	font-family: var(--font-title);
}
h1 {
	font-size: 36px;
}
h2 {
	font-size: 24px;
}
button,label,input,select,textarea {
	border: none;
	font-family: var(--font-text);
	font-size: 14px;
}
a {
	color: var(--primary-50);
}
a:hover {
	color: var(--primary-60);
}
label {
	text-align: left;
	padding-left: 5px;
}
input, select, textarea {
	padding: 5px;
	background: none;
	color: var(--secondary-10);
	border-bottom: var(--border);
	border-color: var(--secondary-20);
}
select {
	padding-top: 3px;
}
select option {
	background: var(--secondary-20);
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-background-clip: text;
    -webkit-text-fill-color: var(--secondary-10);
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 20px 20px #23232329;
}
*:disabled {
	color: var(--secondary-20);
}
header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 10px 20px;
	background-color: var(--secondary-20);
}




.sociallinks {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	background-color: var(--secondary-20);
}
.sociallinks a {
	background-repeat: no-repeat;
	background-position: top right;
	background-size: contain;
}
.sociallinks .socialfacebook {
	
}
.sociallinks .socialfacebook {
	
}
.sociallinks .socialfacebook {
	
}
.sociallinks .socialfacebook {
	
}