html{--col-bu-0: #002134;--col-bu-1: #072453;--col-bu-2: #204a87;--col-bu-3: #3465a4;--col-bu-4: #729fcf;--col-gn-1: #044e53;--col-gn-2: #0e7c86;--col-gn-3: #2caeba;--col-gn-4: #88ebf2;--col-gn-5: #bff8fd;--col-og-1: #805700;--col-og-2: #af7500;--col-og-3: #d99100;--col-gy-1: #282828;--col-gy-2: #505050;--col-gy-3: #848484;--col-gy-4: #bdbdbd;--col-gy-5: #dddddd;--col-gy-6: #f1f1f1;--col-primary: var(--col-bu-2);--col-secondary: var(--col-bu-3);--col-tertiary: var(--col-gn-3);--col-black: #000000;--col-white: #ffffff;--shadow-gy-2: 2px 2px 3px 2px var(--col-gy-2);--shadow-gy-3: 2px 2px 3px 2px var(--col-gy-3);--shadow-gy-4: 2px 2px 3px 2px var(--col-gy-4);--bp-large: 1170px;--bp-medium: 992px;--bp-small: 576px;--transition: .3s ease-in-out all;--transition-slow: .45s ease-in-out all;--transition-fast: .15s ease-in-out all;--angle-1: 150deg;--angle-2: 135deg;--angle-3: 120deg;--stop-1: 40%;--stop-2: 80%;--hsl-h1: 216;--hsl-h2: 41;--hsl-s1: 39;--hsl-s2: 90;--hsl-l1: 50;--hsl-l2: 85;--dim-max-width: 88rem}*{margin:0;padding:0;box-sizing:border-box}ul,a{list-style-type:none}a{text-decoration:none}body{font-family:Open Sans,sans-serif;font-optical-sizing:auto;overflow-y:scroll}@media (prefers-reduced-motion: no-preference){@supports (animation-timeline: scroll()){.scroll-watcher{height:5px;position:fixed;top:0;z-index:1000;background-color:#28546d;width:100%;scale:0 1;transform-origin:left;animation:scroll-watcher linear;animation-timeline:scroll(y)}}}@keyframes scroll-watcher{to{scale:1 1}}h1,h2,h3{font-family:Cairo;letter-spacing:1.2px}@media only screen and (min-width: 912px){h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:2rem}p{font-size:1.2rem}}.modal{border:1px solid var(--col-bu-4);position:fixed;left:50%;top:10vh;transform:translate(-50%);width:600px;height:600px;z-index:10;overflow-y:scroll}.modal-close-btn{position:absolute;top:1rem;right:1rem;font-size:2.5rem;background:transparent;border-color:transparent;color:var(--col-gy-6);cursor:pointer;transition:all .3s}.modal-close-btn:hover{transform:scale(1.2)}.form{display:flex;width:70%;max-width:80rem;flex-direction:column;background-color:var(--col-bu-1);padding:2rem 2.5rem;margin:3rem auto;border-radius:4px;box-shadow:5px 3px 3px var(--col-bu-4)}.form>p{font-size:16px}.form-label{display:block;text-align:left;margin-bottom:.5rem}.mandatory:after{content:"*";color:orange}.form-input,.form-textarea{font-size:16px;width:100%;margin-bottom:1rem;padding:.4rem .75rem;border-radius:4px;border:1px solid var(--col-gn-1);outline:none}.form-input:focus,.form-textarea:focus{border:2px solid var(--col-bu-5);box-shadow:var(--shadow-gy-2)}.form-textarea{resize:none;height:8rem}.btn{background:transparent;color:var(--col-og-2);padding:.8rem 3rem;margin:3rem auto;font-weight:600;letter-spacing:.15rem;font-size:1.5rem;display:inline-block;transition:var(--transition-slow);border:2px solid var(--col-og-2);border-radius:3px;box-shadow:1px 2px 3px #78787833;cursor:pointer}.btn:hover{transform:scale(1.2)}.container-proj{display:block;text-align:center}.project-card{color:var(--col-gy-1);border-radius:3px;min-height:100vh;margin:1rem;padding:2rem;display:flex;flex-direction:column-reverse;flex-wrap:wrap}.project-card-text{width:90%;margin:0 auto;text-align:left}.project-card-text h3{margin:1rem 0;font-weight:250;text-decoration:underline}.project-card-text p{padding-left:.5rem}.project-card-text ul{margin:.5rem 1rem 1rem}.project-card-text ul li{padding:6px 0}.project-card-text ul li span{margin-right:1rem}.project-card-image{display:block;margin:0 auto;width:95%}.project-card-image img{width:90%;margin:1rem auto;transform-origin:right center;scale:1;box-shadow:var(--shadow-gy-2)}.project-tech-icon{display:flex;align-items:center}.project-tech-icon svg{font-size:2rem}.project-tech-icon svg path{fill:var(--col-gy-1);stroke:var(--col-gy-1);stroke-width:1px}@media only screen and (min-width: 912px){.project-card{flex-direction:row}.project-card-text{width:45%}.project-card-image{width:45%;align-self:center}}.container{position:relative;max-width:var(--dim-max-width);margin:0 auto;color:var(--col-gy-6);text-align:center;overflow-x:hidden}.empty-filler{color:var(--col-gy-1);min-height:50vh}.content{position:relative}.content-overlay{position:fixed;top:0;left:0;z-index:-3;width:100vw;height:100vh;-webkit-mask-image:url("data:image/svg+xml,%3csvg%20width='50.048004'%20height='96.000053'%20viewBox='0%200%2050.048004%2096.000053'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cpath%20style='fill:%23fff;fill-rule:evenodd;stroke:none;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:3;stroke-dashoffset:2.004;paint-order:fill%20markers%20stroke'%20d='M%2018,5.3405762e-5%20V%2012.000053%20H%206.048%20c%20-1.604,0%20-3.142,-0.6372%20-4.277,-1.7714%20C%200.637,9.0945534%200,7.5562534%200,5.9522534%20c%200.007,-1.5853%200.643,-3.103%201.769,-4.2193%20C%202.894,0.61675341%204.417,-0.00664659%206.003,5.3405762e-5%20Z'%20id='path12'%20/%3e%3cpath%20style='fill:%23fff;fill-rule:evenodd;stroke:none;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:3;stroke-dashoffset:2.004;paint-order:fill%20markers%20stroke'%20d='m%2018,84.000053%20v%2012%20H%206.048%20c%20-1.604,0%20-3.142,-0.637%20-4.277,-1.771%20-1.134,-1.135%20-1.771,-2.673%20-1.771,-4.277%200.007,-1.585%200.643,-3.103%201.769,-4.219%201.125,-1.116%202.648,-1.74%204.234,-1.733%20z'%20id='path24'%20/%3e%3cpath%20style='fill:%23fff;fill-rule:evenodd;stroke:none;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:3;stroke-dashoffset:2.004;paint-order:fill%20markers%20stroke'%20d='m%2032.048,84.000053%20v%2012%20H%2044%20c%201.604,0%203.142,-0.637%204.277,-1.771%201.134,-1.135%201.771,-2.673%201.771,-4.277%20-0.007,-1.585%20-0.643,-3.103%20-1.769,-4.219%20-1.125,-1.116%20-2.648,-1.74%20-4.234,-1.733%20z'%20id='path33'%20/%3e%3cpath%20style='fill:%23fff;fill-rule:evenodd;stroke:none;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:3;stroke-dashoffset:2.004;paint-order:fill%20markers%20stroke'%20d='M%2019,5.3405762e-5%20V%2096.000053%20H%2031%20V%205.0192804%20A%205.0192266,5.0192266%200%200%200%2025.98077,5.3405762e-5%20Z'%20id='path36'%20/%3e%3c/svg%3e"),radial-gradient(#000 10%,#fffc 95%);mask-image:url("data:image/svg+xml,%3csvg%20width='50.048004'%20height='96.000053'%20viewBox='0%200%2050.048004%2096.000053'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cpath%20style='fill:%23fff;fill-rule:evenodd;stroke:none;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:3;stroke-dashoffset:2.004;paint-order:fill%20markers%20stroke'%20d='M%2018,5.3405762e-5%20V%2012.000053%20H%206.048%20c%20-1.604,0%20-3.142,-0.6372%20-4.277,-1.7714%20C%200.637,9.0945534%200,7.5562534%200,5.9522534%20c%200.007,-1.5853%200.643,-3.103%201.769,-4.2193%20C%202.894,0.61675341%204.417,-0.00664659%206.003,5.3405762e-5%20Z'%20id='path12'%20/%3e%3cpath%20style='fill:%23fff;fill-rule:evenodd;stroke:none;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:3;stroke-dashoffset:2.004;paint-order:fill%20markers%20stroke'%20d='m%2018,84.000053%20v%2012%20H%206.048%20c%20-1.604,0%20-3.142,-0.637%20-4.277,-1.771%20-1.134,-1.135%20-1.771,-2.673%20-1.771,-4.277%200.007,-1.585%200.643,-3.103%201.769,-4.219%201.125,-1.116%202.648,-1.74%204.234,-1.733%20z'%20id='path24'%20/%3e%3cpath%20style='fill:%23fff;fill-rule:evenodd;stroke:none;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:3;stroke-dashoffset:2.004;paint-order:fill%20markers%20stroke'%20d='m%2032.048,84.000053%20v%2012%20H%2044%20c%201.604,0%203.142,-0.637%204.277,-1.771%201.134,-1.135%201.771,-2.673%201.771,-4.277%20-0.007,-1.585%20-0.643,-3.103%20-1.769,-4.219%20-1.125,-1.116%20-2.648,-1.74%20-4.234,-1.733%20z'%20id='path33'%20/%3e%3cpath%20style='fill:%23fff;fill-rule:evenodd;stroke:none;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:3;stroke-dashoffset:2.004;paint-order:fill%20markers%20stroke'%20d='M%2019,5.3405762e-5%20V%2096.000053%20H%2031%20V%205.0192804%20A%205.0192266,5.0192266%200%200%200%2025.98077,5.3405762e-5%20Z'%20id='path36'%20/%3e%3c/svg%3e"),radial-gradient(#000 10%,#fffc 95%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;background:linear-gradient(var(--angle-3),hsl(var(--hsl-h1) var(--hsl-s1) var(--hsl-l1)) 0,hsl(var(--hsl-h2) var(--hsl-s2) var(--hsl-l2)) var(--stop-1),hsl(var(--hsl-h1) var(--hsl-s1) var(--hsl-l1)) 100%);opacity:.9}.home{position:relative;height:100vh}.home-hero{margin:0 auto;text-align:center}.transit{position:relative}.canvas-frame{z-index:-2;position:absolute;top:0;left:0;height:100%;width:100%}.home-animated-svg{margin:0 auto;padding:15%}.home-scroll-text{margin-top:12rem}svg{stroke:#e9dada;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:3;fill:none}svg path{transform-box:fill-box;transform-origin:center}#svg1 .hidden-path{opacity:1}.about{padding-top:2rem;display:grid;min-height:100vh;background:linear-gradient(var(--col-bu-0) 0%,var(--col-bu-1) 20%,var(--col-bu-2) 50%,var(--col-bu-3) 80%,var(--col-bu-4) 100%)}.about-text{display:grid;text-align:left;align-items:center;padding:2rem;width:100%}.about-text p{margin:2rem auto}.about-img{display:none}@media only screen and (min-width: 912px){.about{grid-template-columns:1fr 1fr;grid-column-gap:2rem}.about-img{display:grid}.about-img img{place-self:center;width:80%;border-radius:4px;transform:rotate(-2deg);box-shadow:3px 3px 5px 3px var(--col-bu-4)}}.footer{width:100%;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;min-height:5rem;background-color:var(--col-bu-0)}.footer p{color:var(--col-gy-6);font-size:1rem}.footer-cgu{cursor:pointer;transition:var(--transition)}.footer-cgu:hover{transform:scale(1.2)}.contact{z-index:10;opacity:0;visibility:hidden}.contact p{font-size:14px}.cgu{z-index:10;opacity:0;visibility:hidden;height:65vh;width:85vw;overflow-y:scroll}.cgu h1{font-size:1.4rem}.cgu h2{font-size:1.2rem}.cgu p,ul{font-size:1rem;text-align:left;padding:1rem}.cgu ul{list-style-type:disc;padding-left:3rem}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{-webkit-transition:all .25s ease-in;-moz-transition:all .25s ease-in;-ms-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:focus,.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:""}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:none;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{-webkit-transition:all .15s ease-in;-moz-transition:all .15s ease-in;-ms-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translateZ(0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{-webkit-transition:border .15s ease-in;-moz-transition:border .15s ease-in;-ms-transition:border .15s ease-in;-o-transition:border .15s ease-in;transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:#0003}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;-webkit-transition:height .15s ease-in;-moz-transition:height .15s ease-in;-ms-transition:height .15s ease-in;-o-transition:height .15s ease-in;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{-webkit-flex-direction:column;flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:.25;-webkit-transition:opacity .35s ease-in-out;-moz-transition:opacity .35s ease-in-out;-ms-transition:opacity .35s ease-in-out;-o-transition:opacity .35s ease-in-out;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1}@media (min-width: 960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{-webkit-transition:opacity .25s ease-in;-moz-transition:opacity .25s ease-in;-ms-transition:opacity .25s ease-in;-o-transition:opacity .25s ease-in;transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px #000000e6;background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,.9);color:#fff}.carousel:hover .slide .legend{opacity:1}