body{background-color:#f5f5f5}header{display:flex;max-width:1200px;margin:0 auto;justify-content:space-around;flex-wrap:wrap;align-items:center;padding:20px;background-image:url(../img/header-bg.b1af4742.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat}header h1{font-size:2rem}header h1,header h2{letter-spacing:.4em;margin-bottom:0;font-weight:900}header h2{font-size:1.5rem}header h4{font-size:1.2rem;letter-spacing:.3em;font-weight:100;margin-bottom:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}footer{padding:30px;background-color:#f5f5f5;color:#2c3e50;max-width:1200px;margin:0 auto}footer hr{border:1px solid #2c3e50}footer .footer-content{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:50px;padding:0 20px}.container[data-v-ffd1163e]{display:flex;flex-direction:column;justify-content:center;align-items:center}p[data-v-ffd1163e]{color:#fff;font-size:1.5em;font-weight:700;text-align:center;margin:0 auto;padding-top:20px}.progress-container[data-v-ffd1163e]{margin:0 auto;min-width:300px;max-width:1200px;padding:0 20px}progress[data-v-ffd1163e]{width:100%;height:10px;background:#fafafa;border-radius:5px;box-shadow:0 0 5px #ccc}.skills-container[data-v-8e434e1a]{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:200px;max-width:1200px;margin:0 auto;padding:0 10px 20px;background:#333}.skill-container[data-v-8e434e1a]{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;padding:0 20px}.skill-title[data-v-8e434e1a]{font-size:1.5em;color:#f0f8ff}.skill-bar[data-v-8e434e1a]{display:flex;justify-content:center;align-items:center;margin:0 auto;min-width:300px;max-width:1200px;padding:0 20px}.skill-bar-container[data-v-8e434e1a]{position:relative;width:100%;height:10px;background:#fafafa;border-radius:5px;box-shadow:0 0 5px #ccc}.skill-bar-container[data-v-8e434e1a]:before{content:"1 an |";position:absolute;top:-20px;left:40%;color:#f0f8ff}.skill-bar-container[data-v-8e434e1a]:after{content:"2 ans |";position:absolute;top:-20px;left:83%;color:#f0f8ff}.skill-bar-fill[data-v-8e434e1a]{height:100%;background:#42b983;border-radius:5px}.skill[data-v-8e434e1a]{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;max-width:1200px;padding:0 20px}.back[data-v-c80054a6]{top:10px;cursor:pointer;text-align:left;color:#fff;width:100%;display:flex;align-items:center}.back img[data-v-c80054a6]{width:20px;height:20px;margin-right:10px;transform:rotate(-90deg)}.project-container[data-v-c80054a6]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;color:#fff}.project[data-v-c80054a6]{position:relative;width:100%;padding:1em}.images-container[data-v-c80054a6]{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:10px}.project-img-parent[data-v-c80054a6]{height:500px}.project-img-container[data-v-c80054a6]{width:100%;height:100%;overflow:hidden}.project-img[data-v-c80054a6]{max-height:100%;max-width:100%}.thumbnails-container[data-v-c80054a6]{display:flex;flex-wrap:wrap;justify-content:left;width:100%;margin-top:10px}.thumbnail-parent[data-v-c80054a6]{height:50px;overflow:hidden}.thumbnail-container[data-v-c80054a6]{width:100px;height:100px;padding:10px}.thumbnail[data-v-c80054a6]{max-height:100%;max-width:100%}.active[data-v-c80054a6]{box-shadow:0 0 10px #f8f6f6}.header[data-v-c80054a6]{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;margin-top:10px;background:#fff}.project-link[data-v-c80054a6]{display:flex;justify-content:flex-start;align-items:center;width:20%;bottom:0;left:0;padding-top:10px;text-align:left}.project-link a[data-v-c80054a6]{text-decoration:none;color:#333}.project-link a img[data-v-c80054a6]{width:40px;height:40px}.project-link a img[data-v-c80054a6]:last-child{margin-left:10px}.tags-container[data-v-c80054a6]{display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;padding:0 20px}.tag[data-v-c80054a6]{padding:5px 10px;margin:5px;margin-left:20px;border:1px solid #15754a;border-radius:10px;max-width:90px;background:#42b983;color:#f0f8ff}.project-description[data-v-c80054a6]{margin-top:30px;text-align:left}.projects-container[data-v-4a1bbede]{display:flex;flex-wrap:wrap;justify-content:space-around;margin:0 auto;margin-bottom:10px;max-width:1200px;padding:0 20px;padding-bottom:20px;background:#333}.project[data-v-4a1bbede]{position:relative;width:390px;margin-top:20px;padding:1em;background:#fafafa;border-radius:5px;box-shadow:0 0 5px #ccc}.project[data-v-4a1bbede]:hover{box-shadow:0 0 10px #ccc}.projectTitle[data-v-4a1bbede]{font-size:1.5em;font-weight:700;margin-bottom:.5em}.show[data-v-4a1bbede]{cursor:pointer;display:flex;align-items:center;justify-content:flex-end}.show img[data-v-4a1bbede]{width:20px;height:20px;margin-left:10px;transform:rotate(90deg)}.project-img[data-v-4a1bbede]{width:100%;height:auto;max-width:100%;max-height:100%;margin-bottom:1em}.tag-container[data-v-4a1bbede]{display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;margin-bottom:50px;max-width:1200px;padding:0 20px}.tag[data-v-4a1bbede]{padding:5px 10px;margin:5px;border:1px solid #15754a;border-radius:10px;max-width:90px;background:#42b983;color:#f0f8ff}.project-link[data-v-4a1bbede]{position:absolute;width:100%;bottom:0;left:0}.project a[data-v-4a1bbede]{text-decoration:none;color:#333}.project a img[data-v-4a1bbede]{width:40px;height:40px}.project a img[data-v-4a1bbede]:last-child{margin-left:10px}.project a[data-v-4a1bbede]:hover{text-decoration:underline}.cv-container[data-v-7bab349c]{width:100%;height:900px;max-width:1200px;margin:0 auto}.cv-container object[data-v-7bab349c]{width:100%;height:100%}.title{cursor:pointer;padding:1.5em;background:rgba(51,51,51,.2);max-width:1200px;margin:0 auto 10px;position:relative}.title i{position:absolute;right:0;top:-.2em;padding:.5em;font-size:3em;color:rgba(51,51,51,.2)}.box{background:#fafafa;padding:1em;border-radius:5px;max-width:1200px;margin:0 auto;margin-bottom:10px;text-align:left}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease-in-out}