body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--grey: #778ca3;--white: white;--white-back: white;--dark-grey: #4b6584;--black: #1e1e1e;--whitesmoke: whitesmoke}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}[data-theme=dark]{--grey: white;--white: black;--white-back: #1e1e1e;--dark-grey: white;--black: white;--whitesmoke: #1e1e1e}.loading{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;color:#667eea}body{margin:0;padding:0}a{text-decoration:none}img{width:100%;height:auto}.container{max-width:1000px;display:flex;margin:auto}#navbar{padding:20px;background:var(--white)}.title{flex:auto;text-transform:uppercase;font-weight:700;color:var(--black)}.menu{flex:auto;text-align:right}.menu a{color:var(--grey);margin-left:20px;cursor:pointer}.menu-btn{display:none;outline:none;cursor:pointer;color:var(--black);border:none;background:transparent;flex:auto;place-content:flex-end}.menu-mobile{display:flex;flex-flow:column;background:transparent;margin-top:20px;position:absolute;z-index:5;right:20px}.menu-mobile a{margin-bottom:10px;color:#fff;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:20px;padding:10px 20px;place-self:flex-end;box-shadow:0 2px 5px #0000001a;cursor:pointer}.borderCenter{position:relative}.borderCenter:after{content:"";position:absolute;left:50%;bottom:-3px;width:60%;height:2px;opacity:0;background-color:#667eea;transform:translate(-50%);transition:all .3s ease-in-out}.borderCenter:hover:after{width:100%;opacity:1}#about{padding:50px 20px 100px;background:var(--white)}#about .container{display:flex;flex-flow:column;align-items:center;text-align:center}#about img{max-width:200px;border-radius:100%}#about h1{font-size:40px;text-transform:uppercase;color:var(--black);text-shadow:0px 2px 5px rgba(0,0,0,.1);padding-bottom:20px;padding-top:50px;margin:0}#about p{max-width:650px;text-align:center;color:var(--grey);font-size:20px}#about a{display:flex;justify-content:center;background:linear-gradient(90deg,#667eea,#764ba2);border:none;height:60px;width:60px;font-size:20px;border-radius:50px;color:#fff;box-shadow:0 2px 5px #0000001a;cursor:pointer;margin-top:70px;outline:none;align-items:center}#skills{padding:50px 20px 100px;background:linear-gradient(90deg,#667eea,#764ba2)}#skills .container{display:flex;flex-flow:column;text-align:center}#skills h1{color:#fff;text-shadow:0px 5px 10px rgba(0,0,0,.1);padding-bottom:30px;text-transform:uppercase}.skills-list{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;grid-auto-rows:minmax(100px,auto)}.skill-card{text-align:center;padding:30px;border:none;background:var(--white);border-radius:20px;box-shadow:0 5px 10px #0000001a;margin:30px;flex:auto}.skill-card h2{color:var(--dark-grey)}.tags-list{display:flex;flex-flow:wrap}.tags-list a{display:inline-flex;align-items:center;gap:6px;line-height:1;text-decoration:none;background:var(--whitesmoke);border-radius:20px;padding:10px;margin:5px;cursor:pointer;color:var(--dark-grey);transition:all .2s ease-in-out}.tags-list a svg,.tags-list a i{width:1em;height:1em;flex-shrink:0}.tags-list a:hover{color:#667eea}#projects{padding:50px 20px 100px;background:var(--white)}#projects .container{display:flex;flex-flow:column;text-align:center}#projects h1{padding-bottom:30px;color:#6e64c5;text-transform:uppercase}.projects-list{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;grid-auto-rows:minmax(100px,auto)}.project-card{text-align:center;padding:30px;border:none;background:var(--white-back);border-radius:20px;box-shadow:0 5px 10px #0000001a;margin:30px;cursor:pointer;transition:all .2s ease-in-out}.project-card:hover{transform:scale(1.1)}.innovents{background:linear-gradient(45deg,#e84726 5%,#c49a71 60%,#75c5c1 80%)}.invert{filter:invert(1)}.modal{position:fixed;z-index:10;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006}.modal-content{padding:30px;display:flex;flex-flow:column;text-align:center;max-width:50%;margin:5% auto;background:var(--white-back);border-radius:20px}.modal-content h2{font-size:40px;color:#6e64c5;text-transform:uppercase;padding-bottom:25px;margin:0}.modal-content img{border-radius:20px;margin-bottom:20px}.modal-content p{color:var(--black);padding:20px;line-height:20px;margin:0}.modal-infos{color:var(--dark-grey);padding:10px;line-height:20px}.modal-infos span{margin-left:10px}.modal-link{color:#6e64c5;text-decoration:none}.close-btn{place-self:flex-end;border:none;padding:10px 20px;background:transparent;color:#6e64c5;border-radius:20px;font-size:16px;margin-top:20px;outline:none;cursor:pointer;transition:all .2s ease-in-out;border:2px solid #6e64c5;font-weight:500}.close-btn:hover{box-shadow:1px 1px #6e64c5,2px 2px #6e64c5,3px 3px #6e64c5;transform:translate(-3px)}.map{height:300px;width:100%}.map div:first-of-type{position:relative!important}.map-placeholder{width:100%;height:300px;display:flex;align-items:center;justify-content:center;color:#4b6584;background:#e7eef3}#footer{padding:40px 20px;display:flex;background:var(--white)}#footer .container{flex:auto}.infos{display:flex;flex-flow:column;flex:auto;text-align:left;color:var(--black);align-self:center}.infos p{margin:0}.infos span{color:var(--dark-grey);font-size:15px}.infos span i{margin-right:5px}.social{display:flex;font-size:30px;align-items:center;justify-content:flex-end}.social a{margin-left:10px;cursor:pointer;color:var(--black)}.twitter:hover{color:#45aaf2}.linkedin:hover{color:#4b7bec}.github:hover{color:#8854d0}.lang{display:flex;flex-flow:row;align-items:center;margin-left:20px}.lang button{border:none;font-size:15px;cursor:pointer;outline:none;background:var(--white);color:var(--black)}.active{color:#6d64c6!important;font-weight:bolder}.lang span{font-weight:700;color:var(--black)}.fab-div{bottom:20px;left:20px;position:fixed}.fab-btn{border:none;height:60px;width:60px;font-size:20px;border-radius:50px;box-shadow:0 2px 5px #0000001a;cursor:pointer;outline:none;background:var(--white-back);color:var(--black)}.fab-btn:hover{color:#6d64c6}.nav-div{position:fixed;padding:10px;top:calc(50vh - 10%);left:15px;border-radius:20px;display:flex;flex-flow:column;box-shadow:0 2px 5px #0000001a;align-items:center;background:var(--white-back)}.nav-link{font-size:20px;padding:10px;cursor:pointer;color:var(--black);text-decoration:none}.nav-link:hover{color:#6d64c6}@media (max-width: 800px){.skills-list,.projects-list{grid-template-columns:repeat(1,1fr);grid-gap:0px}.nav-div{display:none}.social{display:block;text-align:center}#footer .container{flex-flow:column}.infos{margin-bottom:20px}.social a{margin:0 5px}#projects h1{padding-bottom:0}#projects{padding:50px 20px}#skills h1{padding-bottom:0}#skills{padding:50px 20px}#about h1{font-size:35px;padding-bottom:0}#about a{margin-top:30px}#about p{font-size:18px;padding:0 20px}#about{padding:50px 20px}.menu{display:none}.menu-btn{display:flex;font-size:20px}#navbar .container{align-items:center}.modal-infos{display:flex;flex-flow:column}.modal-content h2{font-size:30px}.modal-content p{padding:20px 0}.modal-content{max-width:80%;padding:20px}.fab-div{bottom:15px;left:15px}.lang{margin-left:0;margin-top:20px;align-self:center}}.heartbeat{-webkit-animation:heartbeat 1.5s ease-in-out infinite both;animation:heartbeat 1.5s ease-in-out infinite both}.scale-up-center{-webkit-animation:scale-up-center .4s cubic-bezier(.39,.575,.565,1) both;animation:scale-up-center .4s cubic-bezier(.39,.575,.565,1) both}.text-focus-in{-webkit-animation:text-focus-in 1s cubic-bezier(.55,.085,.68,.53) both;animation:text-focus-in 1s cubic-bezier(.55,.085,.68,.53) both}.slide-in-left{-webkit-animation:slide-in-left .5s cubic-bezier(.04,.88,.25,1.06) both;animation:slide-in-left .5s cubic-bezier(.04,.88,.25,1.06) both}@-webkit-keyframes heartbeat{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes heartbeat{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@-webkit-keyframes scale-up-center{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-up-center{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes text-focus-in{0%{-webkit-filter:blur(12px);filter:blur(12px);opacity:0}to{-webkit-filter:blur(0px);filter:blur(0px);opacity:1}}@keyframes text-focus-in{0%{-webkit-filter:blur(12px);filter:blur(12px);opacity:0}to{-webkit-filter:blur(0px);filter:blur(0px);opacity:1}}@-webkit-keyframes slide-in-left{0%{-webkit-transform:translateX(-1000px);transform:translate(-1000px);opacity:0}to{-webkit-transform:translateX(0);transform:translate(0);opacity:1}}@keyframes slide-in-left{0%{-webkit-transform:translateX(-1000px);transform:translate(-1000px);opacity:0}to{-webkit-transform:translateX(0);transform:translate(0);opacity:1}}