footer{align-items:center;display:flex;justify-content:space-evenly}footer a{transition:color .2s}footer a:hover{color:var(--bleu-h)}footer a,footer p{color:var(--black);font-size:1.2rem;padding:1rem}header{background-color:var(--bleu);background-color:rgba(0,0,0,.459);position:fixed;transition:background-color .5s,opacity .3s;width:100%;z-index:100}header nav{align-items:center;display:flex;flex-wrap:wrap;height:8rem;justify-content:center}header nav a{color:#fff;font-size:1.6rem;font-weight:700;margin:1rem;padding:1.5rem 3rem;text-align:center;transition:color .2s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}header nav a:hover{color:#323232}header a.h{color:#fff;display:none;margin:0;padding:0;text-align:center;-webkit-user-select:none;user-select:none}header a.h:hover{color:#d7d7d7!important}header.color{background-color:var(--bleu)}header.color nav a{transition:background-color .2s}header.color nav a:hover{color:var(--bleu-h)}@media screen and (max-width:800px){header nav a:not(.h){display:none}header:not(.color){opacity:0}header.color a.h{display:block}}.projectArticle{border:1px solid rgba(49,49,49,.192);transition:background-color .2s}.projectArticle img{aspect-ratio:300/250;border-bottom:1px solid rgba(49,49,49,.192);max-width:30rem;width:100%}.projectArticle p{color:#313131;font-weight:500;padding:.5rem;transition:color .2s}.projectArticle:hover{background-color:var(--bleu)}.projectArticle:hover p{color:#fff}form{max-width:40rem;width:100%}.input label{display:block;font-size:1.6rem;padding-bottom:.5rem}.input input[type=email],.input input[type=text]{border:1px solid #31313126;border-radius:1rem;font-family:Fira Code;font-size:1.3rem;line-height:2.5rem;padding:1rem;text-align:center;width:100%}.input input[type=email]:focus-visible,.input input[type=text]:focus-visible{outline:1px solid #31313180}.input textarea{border:1px solid #31313126;border-radius:1rem;font-family:Fira Code;font-size:1.3rem;line-height:2.5rem;padding:1rem;resize:none;width:100%}.input textarea:focus-visible{outline:1px solid #31313180}form{display:flex;flex-direction:column;gap:2rem}.skill{position:relative;z-index:0}.skill img{border:1px solid #0000;height:8rem;padding:1rem;transition:border .2s;width:8rem}.skill span{background-color:var(--bleu);color:#fff;font-size:1.6rem;left:50%;opacity:0;padding:.5rem 1rem;position:absolute;top:-4.5rem;transform:translate(-50%);transform-origin:center;transition:opacity .3s;-webkit-user-select:none;user-select:none}.skill span:after{border-color:var(--bleu) #0000 #0000 #0000;border-style:solid;border-width:10px;bottom:0;content:"";left:50%;position:absolute;transform:translate(-50%,100%)}.skill:hover span{opacity:1}.skill:hover img{border-color:rgba(49,49,49,.192)}#home{min-height:100vh}#home,#home>img{background-color:#5974be}#home>img{bottom:0;height:100vh;left:0;object-fit:cover;position:absolute;right:0;top:0;width:100%;z-index:0}#home h1{color:#fff;transform:translateY(-25%);z-index:10}.links{display:flex;gap:1rem}.links a{border:1px solid rgba(49,49,49,.192);padding:1rem;transition:border .2s}.links a img{height:4rem;width:4rem}.links a:hover{border-color:#31313180}#about{gap:4rem;padding-top:15rem}#skills{align-items:center;display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:center;max-width:80rem;padding:10rem 0}#skills h3{width:100%}#projects{padding-top:15rem}#projects>div{align-items:center;display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;max-width:100rem}#contact{padding-top:15rem}.contactResult{border:5px solid var(--bleu);margin:3rem 0;padding:6rem 3rem;text-align:center}.contactError{border:5px solid #e55;margin:1rem 0;padding:3rem;text-align:center}#homepage section{opacity:0;transition:opacity .5s;transition-timing-function:cubic-bezier(.55,.06,.68,.19)}#homepage section.show{opacity:1}#error{padding-top:15rem}#error a{color:var(--black);font-size:1.6rem;transition:color .2s}#error a:hover{color:var(--bleu-h)}#project{gap:4rem;padding-top:15rem}#project>img{max-width:60rem;width:100%}#project h1{font-size:3.2rem}#legals{padding-top:15rem}#legals h1{font-size:3.2rem}#legals h2{font-size:2.4rem}#legals p{width:100%}*{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none}:root{--bleu:#5974be;--bleu-h:#3353aa;--black:#343434;font-size:62.5%;scroll-behavior:smooth}body{background-color:#fefefe;color:#343434;color:var(--black);font-family:Fira Code}main{margin:0 auto;max-width:1440px;padding:0 2rem}section{align-content:center;align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center}h1,h2,h3,h4,h5{color:#343434;color:var(--black);padding:1.5rem;text-align:center}h1{font-size:4.5rem}h1 span,h2{font-size:3.2rem}h3{font-size:2.4rem}p{font-size:1.6rem;max-width:80rem}.btn,button{background-color:#5974be;background-color:var(--bleu);border:none;color:#fff;cursor:pointer;font-size:1.8rem;font-weight:700;margin:2rem auto;padding:1.5rem 3rem;text-align:center;transition:background-color .2s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.btn:hover,button:hover{background-color:#3353aa;background-color:var(--bleu-h)}section:last-child{padding-bottom:5rem}.pre{white-space:break-spaces}