*{
	box-sizing: border-box;
	margin:0;
	padding:0;
	color: #212121;
}

a{
	text-decoration: none;
	color:unset;
}

a:hover{
	color: unset;
	text-decoration: none;
}

li{
	list-style: none;
}

button{
	border:none;
	background-color: transparent;
}

button:hover{
	cursor: pointer;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: inherit;
  -webkit-text-fill-color: inherit;
  -webkit-box-shadow: none;
  transition: background-color 5000s ease-in-out 0s;
}

input{
	border:none;
	background-color: transparent;
}

input:focus{
	border:none ;
}

textarea{
	border:none;
	background-color: transparent;
}

select{
	padding: 5px;
   	border: none;
}

:focus {
    outline: none;
}


.pointer:hover{
	cursor: pointer;
}

.flex-dir-col{
	display: flex;
	flex-direction: column;
}

.flex-dir-row{
	display: flex;
	flex-direction: row;
}

.flex-all-center{
	display: flex;
	align-items: center;
	justify-content: center;
}

/*DISPLAY FLEX 
JC: Justify content
AI: Align items*/
.flex-jc-center{
	display: flex;
	justify-content: center;
}

.flex-jc-fs{
	display: flex;
	justify-content: flex-start;
}

.flex-jc-fe{
	display: flex;
	justify-content: flex-end;
}

.flex-jc-sb{
	display: flex;
	justify-content: space-between;
}

.flex-jc-sa{
	display: flex;
	justify-content: space-around;
}

.flex-ai-center{
	display: flex;
	align-items: center;
}

.flex-ai-fs{
	display: flex;
	align-items: flex-start;
}

.flex-ai-fe{
	display: flex;
	align-items: flex-end;
}