@charset "utf-8";

/* règles css générales */

@font-face {
	font-family: "AlegreyaSansSC-Black";
	src: url("styles/fonts/Alegreya_Sans_SC/AlegreyaSansSC-Black.ttf");
}

@font-face {
	font-family: "AlegreyaSansSC-Bold";
	src: url("styles/fonts/Alegreya_Sans_SC/AlegreyaSansSC-Bold.ttf");
}

@font-face {
	font-family: "AlegreyaSansSC-ExtraBold";
	src: url("styles/fonts/Alegreya_Sans_SC/AlegreyaSansSC-ExtraBold.ttf");
}

@font-face {
	font-family: "AlegreyaSansSC-Medium";
	src: url("styles/fonts/Alegreya_Sans_SC/AlegreyaSansSC-Medium.ttf");
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	background-image: url("media/index/abstract-paper.svg");
	font-family: 'AlegreyaSansSC-Medium';
}

* {
	margin: 0;
}

.section {
	height: 100vh;
	position: relative;
}

p {
	text-align: justify;
	padding-top: 16px;
	padding-bottom: 16px;
	margin: auto;
	color: azure;
}

a {
	text-decoration: none;
}

a:active {
	color: #AC75E8;
}

a:focus {
	color:#ff6100;
	text-decoration: none;
	box-shadow: rgba(33, 35, 38, 0.8) 0px 10px 10px -10px;
	outline: none;
}

h1 {
	font-size: 12em;
	color: azure;
	text-shadow: 6px 6px 3px rgba(0, 0, 0, 0.8);
}

h2, h3, h4, h5, h6 {
	font-family: 'AlegreyaSansSC-Medium';
	font-size: 1.6em;
	color: azure;
}

.item {
	width: auto;
	height: 500px;
}

/* media queries pour l'affichage mobile */

@media screen and (max-width: 1024px) {
	
	h1 {
		font-size: 4em;
		margin-left: 30px;
		margin-top: 30px;
	}

	.section {
		height: 100%;
	}
}