/*
Theme Name: Mon site enfant de hello-elementor
Template: hello-elementor
Author: Rachel Nogueira
Description: Thème enfant crée sur base du thème hello-elementor
Version: 1.0.0
*/

@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&display=swap');

body {
	background-color: #131313;
}

h2,h1,h3 {
	font-family: "Bodoni Moda",serif;
	font-weight: medium;
	font-size: 24px;
	text-transform: uppercase;
	color:white;
}
nav li,a,ul {
	font-family: "Bodoni Moda",serif;
	font-weight: medium;
	font-size: 20px;
	text-transform: uppercase;
	color:white;
}
a:hover {
	color: #A8E6CF;
}
header {
	border-bottom: 3px solid white;
}
footer {
	border-top: 3px solid white;
}
#sous-titre {
	border-bottom: 3px solid white;
}

#voir-plus {
	font-family:"Bodoni Moda", serif ;
	font-weight:600;
    letter-spacing: 0.2mm;
    text-transform: uppercase;
    background-color: transparent;
    color: white;
    border: 3px solid #A8E6CF;
    padding: 12px 45px;
    font-size: 18px;
    transition: 0.2s;
    position: relative;
    align-items: center;
    justify-content: center;
}
#voir-plus:hover {
	transition: 0.2s;
    background-color:#A8E6CF;
    color: #131313;
}
#envoyer {
	border:3px solid #A8E6CF;
	font-family: "Bodoni Moda",serif;
	padding: 12px 45px;
	font-size: 18px;
	text-transform: uppercase;
}
#envoyer:hover {
	border:3px solid #A8E6CF;
	background-color: #A8E6CF;
	color: #131313;
}
#formulaire {
	font-family:"Work Sans", serif;
	color: white;
}
p {
	font-family: "Work Sans",serif;
	font-size:20px;
	color:white;
	font-weight: lighter;
}
#contact {
	color:#131313;
	background-color:white;
	padding: 15px 40px;
	font-size: 18px;
}
#contact:hover {
	background-color:#A8E6CF;
}
#details {
	font-family:"Work Sans",serif;
	color: #A8E6CF;
	font-weight: 400;
}

#bouton1 {
	font-family:"Bodoni Moda", serif ;
    letter-spacing: 0.2mm;
    text-transform: uppercase;
    background-color: transparent;
    border: 3px solid #A8E6CF;
    color: white;
    padding: 12px 35px;
    font-size: 16px;
    margin-bottom: 30px;
    margin-top: 20px;
}
#bouton1:hover {
	background-color:#A8E6CF;
	color:#131313;
}
#web {
	border-left: 3px solid white;
	border-right: 3px solid white;
	border-bottom: 3px solid white;
}
#web:hover {
	background-color: #A8E6CF;
	color:#131313;
}
#design {
	border-left: 3px solid white;
	border-right: 3px solid white;
}
#design:hover {
	background-color: #A8E6CF;
	color:#131313;
}
#projets {
	border-bottom: 3px solid white;
	border-top: 3px solid white;
}
#projets h2 {
	color: #A8E6CF;
	font-size: 24px;
}
#btn-hero {
	font-family:"Bodoni Moda", serif ;
    letter-spacing: 0.2mm;
    text-transform: uppercase;
    background-color: transparent;
    color: #fff;
    border: 3px solid #A8E6CF;
    padding: 15px 40px;
    font-size: 18px;
    transition: 0.2s;
}
#btn-hero:hover {
	transition: 0.2s;
    background-color:#A8E6CF;
    color: #131313;
}
#hero {
	font-family:"Bodoni Moda", serif ;
    letter-spacing: 0.2mm;
    text-transform: uppercase;
    font-size: 70px;
    color: #A8E6CF;
    margin-bottom: 20px;
}
#404 {
	font-size: 45px;
}