@import '../components/count.css';

/*SECTION PRINCIPALE -----------------*/
/*------------------------------------*/

section{
	flex-direction:column;
	align-items: flex-end;
	gap:var(--spacing-medium);
	position: fixed;
}

section p{
	font-size:var(--font-size-mid);
	line-height:1em;
}

.element{
	width:calc(65% - 2vw);
	padding-right:2vw;
	display:flex;
	flex-direction:row;
}

.element p:nth-child(1){
	min-width:10%;
	color:var(--color-main);
}

.element p {
	color:var(--color-second);
}

.element p strong{
	color:var(--color-main);
	font-weight: normal;
}

.element p:nth-child(1) strong{
	font-weight: bold;
}

@media screen and (max-width: 768px) {

	section{
		align-items: flex-start;
		gap:var(--spacing-big);
	}

	.element{
		width:100%;
		padding-right:0;
		flex-direction:column;
		gap:var(--spacing-tiny);
	}

	.element p:nth-child(1){
		width:100%;
	}

	.element:last-child{
		margin-bottom:var(--spacing-big);
	}

}