:root{--font-main:Georgia,"Times New Roman",Times,serif}body{padding:100px}main{padding:5px}header{border-bottom:3px solid #000;display:flex;align-items:center}.click-under{text-decoration:underline}header .link li{display:inline-block;margin:10px}header .link li a{color:#000;-webkit-text-decoration:underline .15em hsla(0,0%,100%,0);text-decoration:underline .15em hsla(0,0%,100%,0);transition:-webkit-text-decoration-color .3s;transition:text-decoration-color .3s;transition:text-decoration-color .3s,-webkit-text-decoration-color .3s}header .link li a:hover{-webkit-text-decoration-color:#000;text-decoration-color:#000}header img{margin:10px}.profil{display:flex;justify-content:center;text-align:center}.profil .profil-card .profil-image{border-radius:50%;height:300px;width:300px;box-shadow:3px 3px 3px #000}.profil-card{background-color:var(--bg-card);padding:30px;width:500px;border-radius:30px;border:3px solid #000;box-shadow:3px 3px 3px #000;font-family:var(--font-main)}.profil-card h2{text-align:justify;font-weight:lighter}.profil-card .social-media{display:flex;justify-content:flex-end;align-items:center}.profil-card .social-media img{width:30px;margin:10px}.wrapper-book{width:100%}.book-list{display:flex;flex-wrap:wrap;justify-content:space-around}.item{text-align:center;margin:0;padding:0}@media screen and (max-width:500px){.item,header .link li{display:block}.wrapper-book{display:flex;justify-content:center}}