.visible-from-bottom{animation:reveal-from-bottom 1s forwards}.reveal-delay-0{animation-delay:0s!important}.reveal-delay-1{animation-delay:.2s!important}.reveal-delay-2{animation-delay:.4s!important}.reveal-delay-3{animation-delay:.6s!important}.reveal-delay-4{animation-delay:.8s!important}.reveal-delay-5{animation-delay:1s!important}.reveal-delay-6{animation-delay:1.2s!important}.reveal-delay-7{animation-delay:1.4s!important}.reveal-delay-8{animation-delay:1.6s!important}.reveal-delay-9{animation-delay:1.8s!important}.reveal-delay-10{animation-delay:2s!important}@keyframes reveal-from-left-100{0%{opacity:1}to{opacity:1;transform:translateX(-100%)}}.visible-from-left-100{animation:reveal-from-left-100 1s forwards}@keyframes reveal-from-left-90{0%{opacity:1}to{opacity:1;transform:translateX(-90%)}}.visible-from-left-90{animation:reveal-from-left-90 1s forwards}@keyframes reveal-from-left-80{0%{opacity:1}to{opacity:1;transform:translateX(-80%)}}.visible-from-left-80{animation:reveal-from-left-80 1s forwards}@keyframes reveal-from-left-70{0%{opacity:1}to{opacity:1;transform:translateX(-70%)}}.visible-from-left-70{animation:reveal-from-left-70 1s forwards}@keyframes reveal-from-left-60{0%{opacity:1}to{opacity:1;transform:translateX(-60%)}}.visible-from-left-60{animation:reveal-from-left-60 1s forwards}@keyframes reveal-from-left-50{0%{opacity:1}to{opacity:1;transform:translateX(-50%)}}.visible-from-left-50{animation:reveal-from-left-50 1s forwards}@keyframes reveal-from-left-40{0%{opacity:1}to{opacity:1;transform:translateX(-40%)}}.visible-from-left-40{animation:reveal-from-left-40 1s forwards}@keyframes reveal-from-left-30{0%{opacity:1}to{opacity:1;transform:translateX(-30%)}}.visible-from-left-30{animation:reveal-from-left-30 1s forwards}@keyframes reveal-from-left-20{0%{opacity:1}to{opacity:1;transform:translateX(-20%)}}.visible-from-left-20{animation:reveal-from-left-20 1s forwards}@keyframes reveal-from-left-10{0%{opacity:1}to{opacity:1;transform:translateX(-10%)}}.visible-from-left-10{animation:reveal-from-left-10 1s forwards}@keyframes reveal-from-left-0{0%{opacity:1}to{opacity:1;transform:translateX(0)}}.visible-from-left-0{animation:reveal-from-left-0 1s forwards}@keyframes reveal-from-bottom{to{opacity:1;transform:translateY(0);transition-timing-function:cubic-bezier(.5,0,0,1)}}@keyframes blink{0%{opacity:1}99%{opacity:0}to{opacity:1}}@keyframes pulse-shadow{0%{filter:drop-shadow(0 0 1px #CDAD8F)}50%{filter:drop-shadow(0 0 2px #CDAD8F)}to{filter:drop-shadow(0 0 1px #CDAD8F)}}@keyframes loader-spin{0%{animation-timing-function:cubic-bezier(.55,.085,.68,.53);transform:rotate(0deg)}50%{animation-timing-function:cubic-bezier(.25,.46,.45,.94);transform:rotate(180deg)}to{animation-timing-function:cubic-bezier(.55,.085,.68,.53);transform:rotate(1turn)}}@keyframes loader-tg-fall{0%{transform:translateY(0)}10%{transform:translateY(-5vh)}50%{opacity:0}to{transform:translateY(100vh)}}@keyframes loader-end{30%{opacity:1}to{opacity:0}}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.5;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;display:block}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}ul{margin:0;padding:0}li{list-style:none}a{color:inherit;text-decoration:none}@font-face{font-family:Roboto Thin;font-style:normal;font-weight:100;src:url(/build/fonts/Roboto_Thin.a732a12e.ttf) format("truetype")}@font-face{font-family:Roboto Light;font-style:normal;font-weight:300;src:url(/build/fonts/Roboto_Light.333da16a.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:url(/build/fonts/Roboto_Regular.fc2b5060.ttf) format("truetype")}@font-face{font-family:Roboto Medium;font-style:normal;font-weight:500;src:url(/build/fonts/Roboto_Medium.7c8d04cd.ttf) format("truetype")}@font-face{font-family:Roboto Bold;font-style:normal;font-weight:700;src:url(/build/fonts/Roboto_Bold.f80816a5.ttf) format("truetype")}@font-face{font-family:Roboto Black;font-style:normal;font-weight:900;src:url(/build/fonts/Roboto_Black.cf56c1b1.ttf) format("truetype")}.scrollable-content::-webkit-scrollbar,::-webkit-scrollbar{display:none}body{color:#fff;font-family:Roboto,Arial,Helvetica,sans-serif;overflow:-moz-scrollbars-none;-ms-overflow-style:none;scrollbar-width:none}a{font-family:Roboto Medium,Arial,Helvetica,sans-serif;font-size:.9rem}figure{margin:0;padding:0}.no-scroll{overflow:hidden}.dash{animation:blink .5s linear infinite;background-color:#243139;display:inline-block;height:3px;margin-left:5px;width:25px}.dash-light{background-color:#cdad8f}header{align-items:center;background-color:rgba(36,59,67,.7);display:flex;height:100px;justify-content:space-between;position:fixed;transition:background-color .3s ease-in-out;width:100%;z-index:1000}@media (max-width:767px){header{flex-direction:row-reverse;height:90px}}header .header-logo{margin-left:100px}header .header-logo img{height:70px;transition:transform .2s ease-in-out;width:70px}header .header-logo img:hover{transform:scale(1.05)}@media (max-width:767px){header .header-logo{margin-left:0;margin-right:40px}header .header-logo img{height:60px;width:60px}}@media (max-width:480px){header .header-logo{margin-right:20px}}header .header-nav{display:flex;justify-content:space-between;margin-left:10px;margin-right:100px;width:500px}@media (max-width:767px){header .header-nav{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:rgba(36,59,67,.7);border-bottom:1px solid #cdad8f;flex-flow:column;height:0;height:50svh;justify-content:space-evenly;margin:0 auto;opacity:0;overflow:hidden;position:absolute;top:0;transition:opacity .3s ease-in-out;visibility:hidden;width:100%}header .header-nav li a{font-size:1.3rem}}header .header-nav li:hover{color:#cdad8f}header .active-nav{height:50svh;opacity:1;visibility:visible}header .burger-container{display:none;margin-left:25px;transition:all .3s ease-in-out}@media (max-width:767px){header .burger-container{display:flex}}@media (max-width:480px){header .burger-container{margin-left:10px}}header .burger-menu{cursor:pointer;height:27px;overflow:visible;padding:15px;position:relative;width:27px;z-index:2}header .burger-menu span,header .burger-menu span:after,header .burger-menu span:before{background:#fff;display:flex;display:block;height:3px;opacity:1;position:absolute;transition:.2s ease-in-out}header .burger-menu span:after,header .burger-menu span:before{content:""}header .burger-menu span{left:17px;top:26px;width:24px}header .burger-menu span:before{left:0;top:-10px;width:24px}header .burger-menu span:after{left:0;top:10px;width:24px}header .burger-menu.close span{left:17px;top:26px;transform:rotate(-45deg);width:24px}header .burger-menu.close span:before{top:0;transform:rotate(90deg);width:24px}header .burger-menu.close span:after{opacity:0;top:0;transform:rotate(90deg);width:0}header .burger-btn{border:none;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:20px;transition:all .3s}header .burger-btn:hover{color:#fff}.transparent-nav{background-color:transparent!important}footer{align-items:center;background-color:#cdad8f;color:#243139;display:flex;gap:20px;height:100px;justify-content:center;min-height:10svh}@media (max-width:767px){footer{height:90px}}footer img{height:60px;width:60px}footer p{font-family:Roboto Medium,Arial,Helvetica,sans-serif}.about{background-image:url(/build/images/wallpaper.d1f2ef6e.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100svh}.about-container{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-around;margin-left:25%;min-height:100svh}@media (max-width:767px){.about-container{margin-left:10%;padding:0 20px}}@media (max-width:480px){.about-container{margin:0 auto;padding:0 20px}}.about-container-info{display:flex;flex-direction:column;margin-top:200px}.about-container-info h1{font-family:Roboto,Arial,Helvetica,sans-serif;font-size:clamp(1.2rem,10vw,1.3rem)}.about-container-info h1 strong{color:#cdad8f;display:inline-block;font-family:Roboto_Black,Arial,Helvetica,sans-serif;font-size:clamp(3rem,10vw,4rem);overflow:hidden}.about-container-info h1 strong span:first-child{animation-delay:.3s;display:inline-block;opacity:0;transform:translateY(80%)}.about-container-info h1 strong span:nth-child(2){animation-delay:.45s;display:inline-block;opacity:0;transform:translateY(80%)}.about-container-info h1 strong span:nth-child(3){animation-delay:.6s;display:inline-block;opacity:0;transform:translateY(80%)}.about-container-info h1 strong span:nth-child(4){animation-delay:.75s;display:inline-block;opacity:0;transform:translateY(80%)}.about-container-info h1 strong span:nth-child(5){animation-delay:.9s;display:inline-block;opacity:0;transform:translateY(80%)}.about-container-info h1 strong span:nth-child(6){animation-delay:1.05s;display:inline-block;opacity:0;transform:translateY(80%)}.about-container-info h1 strong span:nth-child(7){animation-delay:1.2s;display:inline-block;opacity:0;transform:translateY(80%)}.about-container-info h1 strong span:nth-child(8){animation-delay:1.35s;display:inline-block;opacity:0;transform:translateY(80%)}.about-container-info h1 strong span:nth-child(9){animation-delay:1.5s;display:inline-block;opacity:0;transform:translateY(80%)}.about-container-info h1 strong span:nth-child(10){animation-delay:1.65s;display:inline-block;opacity:0;transform:translateY(80%)}.about-container-info p{font-size:clamp(.7rem,10vw,.9rem);max-width:400px}.about-container-info a{margin-top:30px}@media (max-width:767px){.about-container-info{margin-top:150px}}@media (max-width:480px){.about-container-info{margin-top:100px}}.about-container-links{align-items:center;display:flex;justify-content:flex-start;margin-top:20px}.about-container-links p{font-family:Roboto Medium,Arial,Helvetica,sans-serif;margin-right:20px}.about-container-links figure{margin-right:10px}.about-container-links figure img{height:40px;width:40px}.services{background-color:#ad9073;min-height:100svh}.services h2{color:#243139;font-family:Roboto,Arial,Helvetica,sans-serif;font-size:clamp(2.5rem,10vw,3.2rem);margin:0;padding:100px 0 0;text-align:center}.services .services-container{align-items:center;display:flex;flex-wrap:wrap;gap:50px;justify-content:center;margin:0 auto;min-height:70svh;padding:40px 20px}.skills{align-items:center;background-color:#243139;display:flex;flex-direction:column;min-height:100svh}.skills h2{color:#cdad8f;font-family:Roboto,Arial,Helvetica,sans-serif;font-size:clamp(2.5rem,10vw,3.2rem);padding:100px 0 0;width:1000px}@media (max-width:1050px){.skills h2{width:auto}}@media (max-width:767px){.skills h2{padding:90px 0 0}}.skills-container{align-items:flex-start;display:flex;justify-content:space-between;min-height:80svh;width:1000px}@media (max-width:1050px){.skills-container{align-items:center;flex-direction:column;height:auto;width:auto}}.skills-container h3{color:#cdad8f}@media (max-width:1050px){.skills-container h3{margin-top:50px}}.skills-container h4{font-size:clamp(.9rem,10vw,1rem);margin:15px 0 5px}@media (max-width:1050px){.skills-container h4{margin:25px 0 5px}}.skills-container .progress-bar{background-color:#fff;border-radius:6px;height:12px;overflow:hidden;position:relative;width:380px}@media (max-width:480px){.skills-container .progress-bar{width:300px}}.skills-container .progress-bar span{background-color:#cdad8f;border-radius:6px;height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);width:100%}.skills-container .skills-backend{display:flex;flex-direction:column;height:100%;justify-content:space-between}.skills-container .skills-backend p{margin:20px 0 40px;max-width:370px}@media (max-width:1050px){.skills-container .skills-backend p{max-width:300px}}.skills-container .skills-frontend{display:flex;flex-direction:column;height:100%;position:relative}.skills-container .skills-frontend p{margin:20px 0 0}.skills-container .skills-frontend a{margin:105px 0}@media (max-width:1050px){.skills-container .skills-frontend a{margin:70px 0}}.projects{background-color:#ad9073;min-height:100svh}.projects h2{color:#243139;font-family:Roboto,Arial,Helvetica,sans-serif;font-size:clamp(2.5rem,10vw,3.2rem);margin:0;padding:100px 0 0;text-align:center}.projects .projects-container{align-items:center;display:flex;flex-wrap:wrap;gap:50px;justify-content:center;margin:0 auto;max-width:1500px;min-height:80svh;padding:50px 9px}@media (max-width:767px){.projects .projects-container{gap:20px}}.projects .project-modal-container{align-items:center;background-color:rgba(36,59,67,.7);display:flex;height:0;height:100svh;justify-content:center;opacity:0;overflow:hidden;position:fixed;top:0;transition:opacity .3s ease,visibility .3s ease,height 0s ease .3s;visibility:hidden;width:100%;z-index:1000}.projects .reveal-modal{height:100svh;opacity:1;transition:opacity .3s ease,visibility 0s 0s,height 0s 0s;visibility:visible}.projects .reveal-modal-transition{transform:translate(0)}.contact{align-items:center;background-color:#243139;display:flex;flex-direction:column;min-height:90svh}.contact h2{color:#cdad8f;font-family:Roboto,Arial,Helvetica,sans-serif;font-size:clamp(2.5rem,10vw,3.2rem);margin-bottom:10px;padding:100px 0 0}@media (max-width:1050px){.contact h2{width:auto}}@media (max-width:767px){.contact h2{padding:90px 0 0}}.contact p{margin:0 15px;max-width:500px;text-align:center}.contact .contact-container{align-items:center;display:flex;gap:50px;justify-content:center;margin:100px 20px;width:100%}@media (max-width:950px){.contact .contact-container{gap:5px}}@media (max-width:767px){.contact .contact-container{align-items:flex-start;flex-direction:column;gap:20px;margin:50px 0 30vw 20vw}}@media (max-width:480px){.contact .contact-container{margin-left:0}}.contact .contact-container>div:not(.separator){align-items:center;border-radius:6px;display:flex;flex-direction:column;justify-content:center;padding:10px;transition:all .3s ease;width:220px}.contact .contact-container>div:not(.separator):hover{background-color:rgba(36,59,67,.7);box-shadow:2px 2px 3px #000}@media (max-width:767px){.contact .contact-container>div:not(.separator){flex-direction:row;gap:25px;justify-content:flex-start;margin-left:5vw;width:300px}}.contact .contact-container>div:not(.separator) img{transition:transform .3s ease}.contact .contact-container>div:not(.separator) img:hover{transform:scale(1.1)}@media (max-width:480px){.contact .contact-container>div:not(.separator) img{height:75px;width:75px}}.contact .contact-container .contact-content{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 5px}@media (max-width:767px){.contact .contact-container .contact-content{align-items:flex-start}}.contact .contact-container .contact-content h3{font-family:Roboto_Black,Arial,Helvetica,sans-serif;font-size:1.4rem;margin:15px 0}@media (max-width:767px){.contact .contact-container .contact-content h3{font-size:1.2rem}}.contact .contact-container .contact-content a{background-image:linear-gradient(90deg,#fff,#fff),linear-gradient(90deg,#ad9073,#ad9073);background-position-x:-20px,5px;background-position-y:100%;background-repeat:no-repeat;background-size:20px 2px,100% 2px;font-size:1rem;transition:background-position-x .5s}@media (max-width:767px){.contact .contact-container .contact-content a{font-size:.9rem}}.contact .contact-container .contact-content a:hover{background-position-x:calc(100% + 20px),5px}.contact .contact-container .separator{background-color:#cdad8f;border-radius:6px;height:50px;width:2px}@media (max-width:767px){.contact .contact-container .separator{height:2px;margin-left:10vw;width:50px}}.home-loader{background-color:#243139;font-family:ROBOTO BOLD,Arial,Helvetica,sans-serif;height:100vh;position:relative;position:fixed;width:100vw;z-index:2000}.home-loader,.home-loader .home-loader-spinner{align-items:center;display:flex;justify-content:center}.home-loader .home-loader-spinner{animation:pulse-shadow 1s infinite,loader-spin 1.2s infinite;border:5px solid;border-color:#fff #fff transparent;border-radius:50%;height:120px;width:120px}@media (max-width:767px){.home-loader .home-loader-spinner{height:80px;width:80px}}.home-loader .home-loader-tg{animation:pulse-shadow 1s infinite;color:#cdad8f;font-size:3rem;position:absolute}@media (max-width:767px){.home-loader .home-loader-tg{font-size:2rem}}.home-loader .home-loader-wait{animation:pulse-shadow 1s infinite;bottom:20px;font-size:2rem;left:30px;position:absolute}@media (max-width:767px){.home-loader .home-loader-wait{font-size:1.5rem}}.home-loader-tg-fall{animation:loader-tg-fall 2s forwards!important}.home-loader-end{animation:loader-end 2s forwards!important}.btn{align-items:center;border:0;border-radius:6px;cursor:pointer;display:flex;font-size:16px;font-size:.8rem;font-weight:700;justify-content:center;padding:10px 15px;transition:all .3s ease-in-out;width:200px}.btn-primary{background-color:#cdad8f;color:#243139}.btn-primary:hover{background-color:#ad9073}.btn-round{align-items:center;background-color:#cdad8f;border:0;border-radius:50%;display:flex;height:40px;justify-content:center;padding:5px;transition:all .3s ease-in-out;width:40px}.btn-round:hover{background-color:#ad9073}.service-card{align-items:center;background:#243139;border-radius:6px;display:flex;flex-direction:column;height:300px;justify-content:center;opacity:0;outline:3px solid #243139;outline-offset:2px;transform:translateY(80%);width:300px}.service-card img{animation:pulse-shadow 1s infinite}.service-card h3{font-family:Roboto,Arial,Helvetica,sans-serif;font-size:1.2rem;margin:20px 0;padding:0 15px;text-align:center}.service-card p{font-size:1rem;margin:0;padding:0 15px;text-align:center}@media (max-width:767px){.service-card-2{animation-delay:.1s}.service-card-3{animation-delay:.2s}.service-card-4{animation-delay:.3s}}.project-card{background-color:#243139;border:1px solid #243139;cursor:pointer;display:flex;flex-direction:column;height:400px;opacity:0;overflow:hidden;position:relative;transform:translateY(10%);width:350px}@media (max-width:767px){.project-card{width:500px}}.project-card-content{border-top:1px solid #cdad8f;margin:0;padding:0;text-align:center;z-index:5}.project-card-content p{color:#cdad8f;padding:0 10px}.project-card:after,.project-card:before{content:"";opacity:0;position:absolute;transition:opacity .3s ease}.project-card:before{background-image:url(/build/images/picto_extend.ccd75604.svg);background-position:50%;background-size:cover;height:50px;left:50%;top:50%;transform:translate(-50%,-50%);width:50px;z-index:100}.project-card:after{background-color:rgba(36,59,67,.7);height:100%;left:0;top:0;width:100%;z-index:99}.project-card:hover:after,.project-card:hover:before{opacity:1}.project-card:hover img{transform:scale(1.2)}.project-card-slash{background-color:#425968;bottom:0;height:150px;position:absolute;right:0;width:90px}.project-card-slash:before{background-color:#384c58;width:60px}.project-card-slash:after,.project-card-slash:before{content:"";display:block;height:500px;position:relative}.project-card-slash:after{background-color:#2e3e49;bottom:500px;width:30px}.project-card figure{height:250px;overflow:hidden;width:100%;z-index:98}.project-card figure img{height:250px;transition:transform .3s ease;width:100%}.project-card-modal{background-color:#243139;border:1px solid #ad9073;display:flex;flex-direction:column;max-height:90svh;overflow-y:auto;padding:30px;transform:translateY(-50%);transition:opacity .3s ease,transform .3s ease;width:400px}@media (max-width:480px){.project-card-modal{height:auto;margin:auto;max-height:85svh;width:80%}}.project-card-modal .modal-title-container h3{font-size:2rem;margin:0}.project-card-modal .modal-title-container p{color:#ad9073;margin:0 0 10px}.project-card-modal img{height:200px;margin:10px auto 30px;width:95%}.project-card-modal .modal-description{position:relative}.project-card-modal .modal-description p{margin:20px 0}.project-card-modal .modal-description p:after,.project-card-modal .modal-description p:before{background-color:#cdad8f;border-radius:6px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:50px}.project-card-modal .modal-description p:after{bottom:0}.project-card-modal .modal-description p:before{top:0}.project-card-modal .modal-details p{color:#cdad8f;display:flex;margin:10px 0;padding-right:7px}.project-card-modal .modal-details p a,.project-card-modal .modal-details p span{color:#fff;padding-left:5px}.project-card-modal .modal-details p a{background-image:linear-gradient(90deg,#fff,#fff),linear-gradient(90deg,#ad9073,#ad9073);background-position-x:-20px,5px;background-position-y:100%;background-repeat:no-repeat;background-size:20px 2px,100% 2px;transition:background-position-x .5s}.project-card-modal .modal-details p a:hover{background-position-x:calc(100% + 20px),5px}.project-card-modal button{margin:20px auto 0}