/*
Theme Name: Aria
Author: Aliard UwU
*/

:root {
	--vert: #1a5f3e;;;
	--vert-c: #6F9F87;;
}

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

body {
	overflow-x: hidden;
}

a {
	display: inline-block;
	text-decoration: none;
}

img {
	display: inline-block;
}

/*=====================================================================================================*/
/*===============================================================================================HEADER*/
/*=====================================================================================================*/
header {
	background-color: var(--vert-c);	
}

.header-title-container {
	padding: 1rem;
}

.header-title {
	font-size: 1.5rem;
}

/*=====================================================================================================*/
/*===============================================================================================FOOTER*/
/*=====================================================================================================*/
footer {
	background-color: var(--vert-c);
	min-height: 10dvh;
}

.footer-nav-container {
	
}

.footer-nav {
	
}

.footer-nav-ul {
	
}


/*=====================================================================================================*/
/*==============================================================================================ACCUEIL*/
/*=====================================================================================================*/
.home-title-container {
	margin-bottom: 3rem;
	text-align: center;
}

.home-h1 {
	max-width: 50ch;
	margin: auto;
	font-size: 3rem;
}

.home-titre-description {
	max-width: 60ch;
	margin: auto;
	font-size: 1.2rem;
}

.home-contenu-supercontainer {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}

.home-contenu-rencontres {
}

.home-contenu-informations {

}

.home-contenu-aide {
}

.home-contenu-rencontres, .home-contenu-informations, .home-contenu-aide {
	position: relative;
}

.home-contenu-img {
	width: 100%;
}

.home-contenu-container {
	position: absolute;
	top: 80%;
	left: 50%;
	transform: translatex(-50%);
	margin: auto;
	text-align: center;
	background: var(--vert);
	padding: 1rem;
	border-radius: 8px;
	box-shadow: #00000015 0px 3px 5px 0px;
}

.home-contenu-h2 {
	
}

.home-contenu-button {
}