@charset "UTF-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;color:#fff;text-shadow:rgb(0,0,0) 1px 0px 0px,rgb(0,0,0) .540302px .841471px 0px,rgb(0,0,0) -.416147px .909297px 0px,rgb(0,0,0) -.989992px .14112px 0px,rgb(0,0,0) -.653644px -.756802px 0px,rgb(0,0,0) .283662px -.958924px 0px,rgb(0,0,0) .96017px -.279415px 0px;font:inherit;vertical-align:baseline;font-family:Exo,sans-serif}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none;color:inherit}.back{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-10;background-color:#141414}.HP{height:100%;width:100%;position:relative;overflow:hidden;background:none}.HP .img-present{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:-2}.HP .filter{width:100%;height:100%;background-color:gray;opacity:0;position:absolute;top:0;left:0;z-index:-1}.img2{height:100%;width:100%;position:relative}.img2 .img-fond{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:-2}.img2 .filter{width:100%;height:100%;background-color:gray;opacity:.3;position:absolute;top:0;left:0;z-index:-1}header{display:flex;flex-direction:row;padding:30px 5%;border-bottom:1px solid black;box-shadow:2px 2px 9px -3px #000;justify-content:space-between;overflow:hidden}header h1,header h2{font-size:38px;font-weight:700}header img{width:100%;height:98px;position:absolute;top:0;left:0;z-index:-1;object-fit:cover}@media (max-width: 700px){header{flex-direction:column;gap:20px}}#presentation{width:100%;height:100%;padding-top:30px;padding-bottom:30px;text-align:center;border-bottom:2px solid black;box-shadow:2px 2px 9px -3px #000;overflow:hidden}#presentation .PhotoCV{width:30%;height:auto}#presentation h2{font-size:30px;font-weight:700;padding:20px 0}#presentation .writer{font-size:20px;font-weight:700;line-height:30px;padding:0 10%}.index{display:flex;flex-direction:row-reverse;gap:20px;transform:rotate(-90deg);position:fixed;left:-200px;top:50%;bottom:50%;font-size:20px}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-5px)}}.index a{position:relative}.index a:hover:after{opacity:1;animation:bounce 1s infinite}.index a:after{content:"↓";position:absolute;left:50%;bottom:-50px;transform:translate(-50%);opacity:0;transition:opacity .3s ease}#competences{display:flex;flex-direction:column;padding:20px 5%;text-align:center;border-bottom:2px solid black;box-shadow:2px 2px 9px -3px #000}#competences h2{font-size:38px;font-weight:700;margin:10px 0 20px}#competences h3{margin:30px 0;font-size:32px;text-decoration:underline;font-weight:700}#competences li{font-size:20px;font-weight:700;padding-bottom:10px}#travaux{text-align:center;padding:20px 5%}#travaux h1{font-size:40px;font-weight:700;padding-bottom:40px}#travaux .taff-flex{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center}#travaux .taff-flex .card{position:relative;perspective:1000px;border:2px solid #000;border-radius:10px;width:45%;height:480px;margin:30px 0;min-width:340px;cursor:pointer}#travaux .taff-flex .card .fa-arrow-turn-down{transform:scale(1);color:#fff;position:absolute;bottom:10px;right:10px}#travaux .taff-flex .card .card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}#travaux .taff-flex .card.flipped .card-inner{transform:rotateY(180deg)}#travaux .taff-flex .card .card-front,#travaux .taff-flex .card .card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:10px}#travaux .taff-flex .card .card-front img{width:100%;height:80%;object-fit:cover;border-radius:10px 10px 0 0;padding-bottom:5px}#travaux .taff-flex .card .card-front h2{font-size:28px;font-weight:700;padding:3px 0}#travaux .taff-flex .card .card-front p{font-size:18px;font-weight:700}#travaux .taff-flex .card .card-back{transform:rotateY(180deg);display:flex;flex-direction:row;gap:100px;justify-content:center;align-items:center;background-color:gray;opacity:.4}#travaux .taff-flex .card .card-back .fa-github,#travaux .taff-flex .card .card-back .fa-arrow-up-right-from-square{transform:scale(4)}footer{padding:40px 5%;text-align:center;color:#fff;display:flex;flex-direction:column;align-items:center}footer .contact{margin:10px 0;text-align:center;display:flex;flex-direction:row;justify-content:space-around;gap:20px;border:2px solid white;border-radius:15px;padding:5px 10px;max-width:60%}footer .contact h3{font-size:30px;font-weight:700}footer .contact a{font-size:30px;font-weight:700;color:#fff}@media (max-width: 1000px){footer .contact{flex-direction:column;gap:10px;max-width:100%}}