@import 'components/button.css';
@import 'components/header/header.css';
@import 'components/header/langue.css';

* {
	padding:0;
	margin:0;
}

body{
	color:var(--color-main);
	font-family: var(--font-family-regular);
}

html{
	font-size: 14px;
	scroll-behavior: smooth;
}

::-webkit-scrollbar {
    width: 10px;
    height:0px;
}

::-webkit-scrollbar-thumb {
    width: 10px;
    border-radius: 0px;
}



/*VARIABLES --------------------------*/
/*------------------------------------*/

:root{
	--color-main:black;
	--color-second:#D3D3D3;

	--font-size-big:1.85rem;
	--font-size-medium:1.5rem;
	--font-size-button:1.25rem;
	--font-size-normal:1rem;

	--font-family-regular: 'PlusJakartaSans-Medium', sans-serif;
	--font-letter-spacing: 4%;
	--font-family-serif: mencken-std-text, serif;


}



/*TYPOGRAPHIE ------------------------*/
/*------------------------------------*/
a{
	color: inherit;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
	cursor: pointer;
}

h1{
	font-size: var(--font-size-medium);
	font-weight: normal;
	letter-spacing:var(--font-letter-spacing);
}

.titre{
	font-size: 1.6rem;

}

h2{
	font-size: var(--font-size-button);
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing:var(--font-letter-spacing);
}

@font-face { 
    font-family: 'PlusJakartaSans-Medium';
    src: url('../fontes/PlusJakartaSans-Medium.ttf') format('truetype');
}

@font-face { 
    font-family: 'PlusJakartaSans-MediumItalic';
    src: url('../fontes/PlusJakartaSans-MediumItalic.ttf') format('truetype');
}

.fade-in {
  opacity: 0;
}

.fade-in-active {
  opacity: 1;
  transition: opacity 1s ease;
}


@media screen and (max-width: 768px) {
	
	html{
		font-size: 12px;
	}

	body{
		width:100vw;
		overflow-x: hidden;
	}

	::-webkit-scrollbar {
	    width: 0px;
	    height:0px;
	}

	::-webkit-scrollbar-thumb {
	    width: 0px;
	    border-radius: 0px;
	}

	:root{
		--font-size-big:1.75rem;
	}

	button:focus {
	  outline: none;
	}

	button:active {
	  outline: none;
	}
	
}