/* elements generaux */
* {margin:0}
html {background-color: #4466a5;}  
body {background-color: #ffffff; width:80%; margin:0px 10%; padding:10px;font-family: Georgia, 'Times New Roman', Times, serif;}
header {background-color:#6495ed; } 
h1 {text-align:center; padding:110px 30% 0 0; color:azure; font-size:60px ;text-shadow: 0px 2px 20px #00000080;}
h2 {padding:20px 0px 10px 0px; font-style: italic}
h3 {padding:20px}
footer {text-align: center;padding: 10px;}
a {text-decoration: none;}
ul {list-style-type: none;}
p {font-size:17px;}
section{text-shadow: 0px 1px 2px #00000080;}

 /* Image */
.bgimg {background-position:center; vertical-align:bottom; background-size: cover; box-shadow: 2px 2px 20px #00000080}
.photo {background-image: url("https://images.bfmtv.com/YGmSQ-1CGZI2dlkKC32tyowuTDQ=/4x3:1252x705/800x0/images/-178731.jpg");height:300px;opacity: 0.8;z-index: 0;}
.fond {background-image: url("../images/fond-cv.png")}

/* elements de clas */
.about-me {font-size:18px; color:#00000050; border:3px solid #00000020; border-top:none;z-index:2}
.project .title {font-weight: 600; padding:5px }
.twi {color:#1d9bf0}
.link {color:#0a66c2}
.git {color:#24292f}
.li1 {color:rgb(32, 184, 184)}
.li2 {color:#689bca}