canvas{position:fixed;top:0px;left:0px}#parcour{position:absolute;top:50px;Left:50px;background-color:#f0f8ff;width:40%;height:50%}#presentation{position:absolute;top:30%;left:32%;width:22%;height:20%;flex-direction:column}.label{width:20%}.baseChamp{border-radius:47px;background:#e0e0e0;box-shadow:5px 5px 15px #5a5a5a,-5px -5px 15px #fff}.baseChamp.info{width:70%;height:15%;margin:0 auto}.baseChamp.nomPrenom{height:15%}.baseChamp.contacts{height:15%}.baseChamp.contacts.liens{width:70%;margin:0 auto}p.titre{font-size:x-large}p{text-align:center}img.icon{width:20px;height:20px}.icons{height:40%;margin-top:4%;display:flex;align-items:center;justify-content:space-evenly}img.medias{width:40px;height:40px;border-radius:50%;background-color:#fff}.hidden{opacity:0%}.fade-in{-webkit-animation:fadein 1s linear 1 normal forwards}.visible{opacity:100%}@-webkit-keyframes fadein{0%{opacity:1}to{opacity:0}}