@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@200;400&family=Roboto:wght@400;500;700&display=swap);:root{--dune:#333;--liver:#4f4f4f;--cotton-seed:#bdbdbd;--cotton-seed-tras:#bdbdbd73;--porcelain:#f2f2f2;--carrot:#f80;--carrot-tras:#ff88001b;--red-beech:#7a4100;--light-apricot:#f8d883;--turquoise-blue:#75d6ff;--turquoise-blue-tras:#75d6ff1b;--turquoise-blue-dark:#356173;--background-color:var(--dune);--text-color:var(--porcelain);--text-color-dark:var(--liver);--text-color-credit:#f2f2f2ab;--primary-color:var(--carrot);--primary-color-dark:var(--red-beech);--primary-color-light:var(--light-apricot);--primary-color--tras:var(--carrot-tras);--secondary-color:var(--turquoise-blue);--secondary-color-dark:var(--turquoise-blue-dark);--secondary-color-tras:var(--turquoise-blue-tras);--visited:var(--cotton-seed);--shadow-color:#00000042;--shadow-color-light:#f2f2f242;--btnaction:var(--cotton-seed-tras);--inactive:var(--cotton-seed-tras);font-family:'Roboto',sans-serif;font-weight:400;line-height:normal;--headerheight:5.7rem;--modalwidth:21.4rem;--main-height:calc(100vh - var(--headerheight))}html{background-color:#000;font-size:62.5%;user-select:none;-moz-user-select:none;-webkit-user-select:none;box-sizing:border-box;margin:0 0}*,*::before,*::after{box-sizing:inherit;margin:0 0}body{width:100%;margin:auto;background-color:var(--background-color);color:var(--text-color);scroll-behavior:smooth}.wrapper{overflow-x:hidden;margin:auto}.wrapper::-webkit-scrollbar{overflow-x:hidden}a{text-decoration:none;color:var(--text-color)}main{margin-top:var(--headerheight);width:100%}.sr-only{border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;left:-10000px;top:auto;width:1px;white-space:nowrap;border:0}#about,#employer,#skills,#portfolio,#tools,#contact,footer{padding-top:7rem;padding-bottom:7rem}footer{padding-left:3rem;padding-right:3rem}section,footer{width:100%;margin:auto}h1{font-size:0rem}h2,.signature,.footer-heading{font-family:'LineScript',sans-serif;font-weight:400}h2,h3,h4,.signature,.about-heading,.footer-heading{text-align:center}h2,.footer-heading{font-size:9rem;margin-bottom:1rem;text-transform:capitalize;margin-top:0rem}.footer-heading{line-height:90%;word-spacing:-1rem}.signature{font-size:5rem;margin-top:2rem;margin-bottom:3rem}h3,h4,.slogan,.testimony,.btn,.about-heading{font-weight:500}h3,h4{text-transform:uppercase}h3{font-size:1.6rem;padding-bottom:6rem;margin-top:-1rem}h4,p,.skill li{font-size:1.4rem}h4{padding-bottom:1.5rem}h4,h4 [class^="icon-"],h4 [class*=" icon-"]{color:var(--turquoise-blue)}h4 [class^="icon-"],h4 [class*=" icon-"]{font-size:6rem;line-height:130%}p,.credit,.webhost{font-weight:400}#up-button{height:4.8rem;width:4.8rem;position:fixed;bottom:5%;right:2%;z-index:2000}#up-button a{display:block;border-radius:2.4rem;border:.2rem solid var(--primary-color);width:100%;height:auto;padding:1.2rem;font-size:2rem;line-height:0%;background-color:var(--background-color);box-shadow:.4rem .4rem .4rem var(--shadow-color);opacity:.9;text-align:center;color:var(--primary-color);transform:scale(1);transition:transform 0.1s ease-in;transition:color 0.1s ease-in}#up-button a:hover,#up-button a:active{transform:scale(1.25);color:var(--text-color);background:var(--btnaction)}.carousel,#environment,#sector,#world,#testimony,#desk,#contact{position:relative}.credit{font-size:1rem;color:var(--text-color-credit)}.credit-place{position:absolute;left:.5rem;bottom:.5rem}.rotate{transform-origin:0 0;-webkit-transform:0 0;-moz-transform:0 0;-ms-transform:0 0;-o-transform:0 0;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg)}.slogan{font-size:2.3rem;text-shadow:0rem .4rem .4rem #000;text-align:center}.lowercase{text-transform:lowercase;font-weight:400}.translate{text-decoration:underline dotted #fff;-moz-text-decoration:underline dotted #fff}.webhost{font-size:1rem;color:#f8d883}.language{position:fixed;top:7rem;right:2rem;z-index:50}@media screen and (min-width:768px) and (max-width:1439px){#about,#employer,#skills,#portfolio,#tools,footer{padding:8rem 0rem 8rem 0rem}h2,.footer-heading{margin-bottom:1.5rem}.signature{font-size:3.5rem;margin-top:1rem;margin-bottom:3.5rem}h3{font-size:2rem;padding-bottom:6.5rem;margin-top:0}.carousel .credit{font-size:1.8rem}.slogan{font-size:2.4rem}}@media screen and (min-width:1440px){:root{--headerheight:7rem;--modalwidth:28rem}body{background-color:#000}main{--headerheight:6.5rem}#about,#environment,#employer,#sector,#skills,#world,#portfolio,#testimony,#tools,#contact,footer{width:144rem;margin:auto}#about,#employer,#skills,#portfolio,#tools,footer{padding:12rem 0rem 12rem 0rem;background-color:var(--background-color)}h2,.footer-heading{font-size:14rem;margin-bottom:0rem;margin-top:-2rem}.signature{font-size:4.3rem}h3{font-size:2.4rem;padding-bottom:12rem;margin-top:-1.5rem}h4,p,.skill li{font-size:1.6rem}.credit{font-size:1.8rem}.carousel .credit{font-size:2.5rem}.carousel .credit-place{left:2.5rem;bottom:2.5rem}.slogan{font-size:3.6rem}}.btn{display:block;font-weight:500;font-size:1.2rem;line-height:0%;text-transform:uppercase;border-radius:1.8rem;border-width:0;margin:1rem 0;height:3.2rem;padding:.8rem 1rem .8rem 1rem;text-align:center;cursor:pointer;transform:scale(1);transition:transform 0.01s ease-in}a.btn{padding:1.5rem 1rem .1rem 1rem}.btn--large,a.btn--large{font-size:1.8rem}.btn-primary,a.btn-primary{background-color:var(--primary-color);color:var(--background-color);box-shadow:.4rem .4rem .4rem var(--shadow-color),-.4rem .4rem .4rem var(--shadow-color)}.btn-primary:hover,a.btn-primary:hover,.btn-primary:focus,a.btn-primary:focus{background-color:var(--primary-color);box-shadow:.6rem .6rem .4rem var(--shadow-color),-.6rem .6rem .4rem var(--shadow-color);transform:scale(1.1)}.btn-primary:active,a.btn-primary:active{background-color:var(--primary-color);color:var(--background-color)}.btn-inactive,a.btn-inactive{pointer-events:none;cursor:default;background-color:var(--inactive);color:var(--shadow-color-light)}.btn-outline--primary,a.btn-outline--primary{border-width:.1rem;border-style:solid;border-color:var(--primary-color);color:var(--primary-color)}.btn-outline--secondary,a.btn-outline--secondary{border-width:.1rem;border-style:solid;border-color:var(--secondary-color);color:var(--secondary-color)}.btn-outline--primary:hover,.btn-outline--secondary:hover,a.btn-outline--primary:hover,a.btn-outline--secondary:hover,.btn-outline--primary:focus,.btn-outline--secondary:focus,a.btn-outline--primary:focus,a.btn-outline--secondary:focus{background-color:var(--btnaction)}.btn-outline--primary:active,a.btn-outline--primary:active{background-color:var(--primary-color--tras)}.btn-outline--secondary:active,a.btn-outline--secondary:active{background-color:var(--secondary-color--tras)}.btn:active,a.btn:active{transform:scale(.75)}.btn-outline--inactive,a.btn-outline--inactive{pointer-events:none;cursor:default;border-width:.1rem;border-style:solid;border-color:var(--inactive);color:var(--inactive)}.a11y-nav{position:absolute;top:-20rem;z-index:200;width:100%;padding:0;margin:0}.ally-nav li{list-style-type:none}.a11y-nav a{background-color:var(--text-color);font-weight:700;font-size:2rem;color:var(--background-color);position:absolute;left:0;right:0;text-align:center;padding:1rem 0}.a11y-nav a:focus,.a11y-nav a:hover{top:20rem;text-decoration:none}.banner{z-index:100;position:fixed;width:100%;background-color:var(--background-color);box-shadow:0 .6rem .6rem #33333375}header{background-color:var(--background-color);height:var(--headerheight);position:relative;flex-direction:row;justify-items:space-between;width:100%}.brand{padding-left:1rem;position:absolute;top:50%;transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%)}.brand-logo,.brand-name,.modal-label{display:inline-block;vertical-align:middle}.brand-logo{width:3rem;height:auto;margin:.9rem;z-index:1}@keyframes profilanimate{0%{transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1)}25%{transform:scale(.55);-o-transform:scale(.55);-ms-transform:scale(.55);-moz-transform:scale(.55);-webkit-transform:scale(.55)}50%{transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1)}75%{transform:scale(.55);-o-transform:scale(.55);-ms-transform:scale(.55);-moz-transform:scale(.55);-webkit-transform:scale(.55)}100%{transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1)}}.modal-label:hover~.brand-logo,.modal-label:focus~.brand-logo{animation:profilanimate 1s 1 alternate none}.modal-label{width:5rem;height:5rem;cursor:pointer;position:absolute;top:0rem;left:1rem;background-color:transparent;text-align:center;font-size:2.4rem;line-height:0%;z-index:3}input:checked+.modal-label{background-color:var(--background-color)}input+.modal-label .span-nochecked{display:block}input+.modal-label .span-checked{display:none}input:checked+.modal-label .span-nochecked{display:none}input:checked+.modal-label .span-checked{display:block;height:var(--headerheight);position:relative;color:var(--text-color);transform:translateY(30%);-o-transform:translateY(30%);-ms-transform:translateY(30%);-moz-transform:translateY(30%);-webkit-transform:translateY(30%)}.modal-info{margin:0;height:0rem;min-height:0;padding:.5rem 2rem 0 2rem;overflow:hidden;width:calc(var(--modalwidth) + 4rem);box-shadow:2rem 2rem 4rem var(--shadow-color);position:absolute;top:calc(var(--headerheight) - 1rem);left:0;z-index:-1;background-color:#333333fa;transition:min-height .8s}input:checked~.modal-info{min-height:80vh}.modal-container{background-color:var(--background-color);color:var(--primary-color-dark);width:var(--modalwidth);max-height:calc(80vh - var(--headerheight) - 2vh);overflow-y:auto;padding:1rem 1rem 3rem 1rem;position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:1.5rem}.modal-header img{display:block;width:14rem;height:auto;margin:0 auto 0 2rem}.modal-header p{font-size:2rem;color:var(--primary-color)}.modal-header address{font-size:1.4rem;font-style:normal}.modal-header address,.modal-hobbies{color:var(--text-color)}.modal-skills{padding:.5rem 1rem .3rem .5rem;background-color:var(--primary-color-light);border-radius:1rem;display:flex;flex-direction:column;gap:1.5rem}.soft-skills ul{list-style-type:none;margin-left:-4rem}.tools-skills ul{margin-left:-2.2rem}.modal-hobbies,.modal-skills ul{font-size:1.4rem}.modal-hobbies,.modal-header{padding-left:.5rem}.modal-skills p,.modal-hobbies>p[role="heading"]{font-size:1.6rem;font-weight:700;padding-bottom:.5rem}.brand-name{font-family:'LineScript';font-size:3rem;font-weight:700;transition:color 0.1s}.brand-name:hover,.brand-name:focus,.brand-name:active{color:var(--primary-color)}input:checked~nav{min-height:100vh}input+.togglemenu-label .span-nochecked,input+.modal-label .span-nochecked{display:block}input+.togglemenu-label .span-checked,input+.modal-label .span-checked{display:none}input:checked+.togglemenu-label .span-nochecked,input:checked+.modal-label .span-nochecked{display:none}input:checked+.togglemenu-label .span-checked{display:block}.togglemenu-label{display:block;width:4.8rem;height:4.8rem;position:absolute;right:2.8rem;top:50%;transform:translateY(-33%);-o-transform:translateY(-33%);-ms-transform:translateY(-33%);-moz-transform:translateY(-33%);-webkit-transform:translateY(-33%);font-size:2.6rem;text-align:right;cursor:pointer}nav{height:0;min-height:0;overflow:hidden;display:block;position:relative;top:var(--headerheight);right:0;transition:min-height .8s;width:100vw;background-color:#333333bf}nav ul{padding:1rem;box-sizing:border-box;list-style-type:none;font-size:1.8rem;text-transform:uppercase;display:block;width:fit-content;position:absolute;right:0;background-color:#333;min-height:100vh}nav ul li a{display:block;padding:1.4rem 2.8rem 1.4rem 1.2rem}nav i{margin-right:1.5rem;font-size:2.4rem}nav ul li:nth-child(7),nav ul li:nth-child(8){padding:.5rem 6rem .5rem 1.4rem;margin:0}nav ul li:hover,nav ul li:focus,nav ul li:active{background-color:var(--primary-color);color:var(--background-color)}nav ul li:nth-child(7):hover,nav ul li:nth-child(7):focus,nav ul li:nth-child(7):active,nav ul li:nth-child(8):hover,nav ul li:nth-child(8):focus,nav ul li:nth-child(8):active{background-color:var(--background-color)}@media screen and (min-width:768px) and (max-width:1438px) and (min-height:1000px) and (orientation:portrait){header{--headerheight:7rem}.brand-logo{width:5rem;margin:1rem}.modal-label{height:var(--headerheight);width:var(--headerheight)}.brand-name{font-size:5rem}.modal-container{height:fit-content}}@media screen and (max-width:1068px) and (orientation:landscape){.modal-container{height:30rem}nav{overflow-y:scroll}}@media screen and (min-width:1440px){header{width:144rem;margin:auto;padding:0 2rem 0 2rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.brand-logo{width:5rem}.modal-label{height:var(--headerheight);width:var(--headerheight)}.modal-info{margin:auto;width:36rem}input:checked~.modal-info{min-height:90vh}.modal-container{padding:1.3rem 1.3rem 3rem 1.3rem;width:32rem;max-height:calc(90vh - var(--headerheight) - 2vh);gap:2rem}.modal-header img{width:18rem;margin:0 auto 2rem 2.5rem}.modal-header p{font-size:2.4rem}.modal-header address{font-size:1.8rem}.modal-skills{padding:.7rem 1.3rem .5rem 1.3rem;gap:2rem}.tools-skills ul{margin-left:-2rem;padding-right:1.8rem}.modal-hobbies,.modal-header{padding-left:1.5rem;padding-right:1.5rem}.modal-skills ul,.modal-hobbies p{font-size:1.5rem}.modal-container h5{font-size:2.1rem}.brand-name{font-size:5rem}.togglemenu-label{display:none}nav{height:var(--headerheight);display:block;position:static;background-color:transparent}nav ul{margin:0;padding:0rem;height:var(--headerheight);min-height:auto;display:flex;flex-direction:row;align-items:center;justify-items:center;background-color:transparent}nav ul li{display:inline-block;margin-left:1rem;margin-right:1rem}nav i{display:none}nav ul li a{padding:1.2rem 1rem 1.2rem 1rem;text-transform:none;font-weight:400;color:var(--cotton-seed)}nav ul li:hover,nav ul li:focus,nav ul li:active{background-color:var(--background-color)}nav ul li a:hover,nav ul li a:focus,nav ul li a:active{color:var(--text-color);border-bottom:.3rem solid var(--primary-color)}nav ul li:nth-child(7){padding:0 1.2rem 0 1.2rem}nav ul li:nth-child(8){padding:0 0 0 1.2rem}nav ul li:nth-child(7)a:hover,nav ul li:nth-child(8)a:hover,nav ul li:nth-child(7)a:focus,nav ul li:nth-child(8)a:focus,nav ul li:nth-child(7)a:active,nav ul li:nth-child(8)a:active{border-bottom:0rem}}.carousel-pause-btn:focus{position:absolute;width:50rem;height:5rem;top:20rem;left:50%;z-index:50;font-size:3rem;transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%)}.carousel{padding:0rem;margin:0}.carousel-item{height:calc(100vh - var(--headerheight));list-style-type:none;display:none}.item-0{background-color:var(--background-color);background-image:linear-gradient(179.98deg,rgba(3,3,3,.284) 71.25%,rgba(130,130,130,.06) 97.06%),url(../assets/pictures/code-florian-olivo-4hbJ-eymZ1o-unsplash-mobile-2x-950x1172.jpg);background-repeat:no-repeat;background-size:cover}.item-1{background-color:var(--liver);background-image:url(../assets/pictures/©sandrinemanguy-devices-desktop.png);background-repeat:no-repeat;background-size:100%;display:none}.item-2{background-color:var(--turquoise-blue--dark);background-image:linear-gradient(179.98deg,rgba(3,3,3,.533) 20%,rgba(216,216,216,.06) 97.06%),url(../assets/pictures/©sandrinemanguy-graphiste-baroccobludorato-mobile-900x1830-tagged.jpg);background-repeat:no-repeat;background-size:cover;display:none}.item-3{background-color:var(--background-color);background-image:linear-gradient(179.98deg,rgba(3,3,3,.703) 25%,rgba(130,130,130,.06) 85.06%),url(../assets/pictures/©sandrinemanguy-illustratrice-lyon-sanstour-mobile-900x1830-tagged.jpg);background-repeat:no-repeat;background-size:cover;display:none}.item-3 .credit{color:var(--text-color-dark)}.img{height:4.8rem;width:4.8rem;display:flex;position:absolute;top:30rem;transform:translateY(-50%);cursor:pointer;align-items:center;justify-content:center}.img:hover,.img:focus{background-color:var(--text-color-credit);border-radius:50%}.prev-image{left:.5rem}.icon-chevron-left,.icon-chevron-right{font-size:1.2rem;color:var(--text-color)}.next-image{right:.5rem}.carousel-title{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;text-transform:uppercase}.carousel-title--small{display:block;font-size:1.4rem;position:absolute;top:15.5rem;animation-name:fall;animation-duration:1.4s;animation-timing-function:ease-in-out;-webkit-animation-name:fall;-webkit-animation-duration:1.4s;-webkit-animation-timing-function:ease-in-out}@keyframes fall{from{top:12rem}to{top:15.5rem}}@keyframes slide-in{from{left:-100%}to{transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);left:50%}}.carousel-title h2{font-family:'Roboto',sans-serif;font-weight:600;font-size:3.2rem;text-transform:uppercase;position:absolute;top:19rem;animation-name:scale;animation-duration:1.5s;animation-timing-function:ease-in;-webkit-animation-name:scale;-webkit-animation-duration:1.5s;-webkit-animation-timing-function:ease-in}.carousel-title--light{font-weight:200;font-family:'Montserrat',sans-serif}.carousel-subtitle{font-size:1.6rem;line-height:140%;display:block;width:28rem;position:absolute;top:26rem;animation-name:slide-in;animation-duration:2s;animation-timing-function:ease-in-out;-webkit-animation-name:slide-in;-webkit-animation-duration:2s;-webkit-animation-timing-function:ease-in-out}.controls-dot{display:inline-flex;position:absolute;top:60%;left:50%;transform:translateX(-50%);-o-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%)}.dot{height:1.3rem;width:1.3rem;border-radius:50%;border:.1rem solid var(--text-color);cursor:pointer;margin:1.5rem;transition:background-color 0.6s ease}.dot-active{background-color:var(--text-color)}.dot:hover,.dot:focus{background-color:var(--text-color-credit)}.fade{animation:fade 1.5s;-webkit-animation:fade 1.5s}@keyframes fade{from{opacity:.2}to{opacity:1}}@keyframes fade-out{from{opacity:1}to{opacity:0}}@keyframes scale{from{transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);-moz-transform:scale(0,0);-webkit-transform:scale(0,0)}to{transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1);-webkit-transform:scale(1,1)}}.scroll-container{--scrollheight:5.5rem;--scrollwidth:calc(var(--scrollheight) / 2.3);display:flex;position:absolute;align-items:center;justify-content:center;background-color:transparent;border-radius:calc(var(--scrollwidth) / 2);bottom:7rem;transform:translateX(-50%);-o-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);left:50%}.scroll{height:var(--scrollheight);width:var(--scrollwidth);border-radius:calc(var(--scrollwidth) / 2);background-color:transparent;border:solid .1rem var(--text-color);position:relative}.scroll .icon-angles-down{display:block;position:absolute;transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);top:1rem;left:50%;animation:scrolldown 5s infinite;-o-animation:scrolldown 5s infinite;-moz-animation:scrolldown 5s infinite;-webkit-animation:scrolldown 5s infinite;opacity:0}@keyframes scrolldown{0%,19%{transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);top:1rem;left:50%}10%,75%{opacity:1}55%{transform:translate(-50%,2.5rem);-o-transform:translate(-50%,2.5rem);-ms-transform:translate(-50%,2.5rem);-moz-transform:translate(-50%,2.5rem);-webkit-transform:translate(-50%,2.5rem)}82%{transform:translate(-50%,2.5rem);-o-transform:translate(-50%,2.5rem);-ms-transform:translate(-50%,2.5rem);-moz-transform:translate(-50%,2.5rem);-webkit-transform:translate(-50%,2.5rem);opacity:0}}@media screen and (min-width:768px){.item-0{background-image:linear-gradient(179.98deg,rgba(3,3,3,.284) 71.25%,rgba(130,130,130,.06) 97.06%),url(../assets/pictures/code-florian-olivo-4hbJ-eymZ1o-unsplash-tablet-1087x1368.jpg)}.item-1{background-image:url(../assets/pictures/©sandrinemanguy-devices-desltop-1087x1368_03.png);background-position:bottom}.item-2{background-image:linear-gradient(179.98deg,rgba(3,3,3,.533) 20%,rgba(216,216,216,.06) 97.06%),url(../assets/pictures/©sandrinemanguy-graphiste-baroccobludorato-tablet-1087x368_03-tagged.jpg);background-size:100%;background-position:bottom}.item-3{background-image:linear-gradient(179.98deg,rgba(3,3,3,.703) 25%,rgba(130,130,130,.06) 85.06%),url(../assets/pictures/©sandrinemanguy-illustratrice-lyon-sanstour-tablet-1087x1740-tagged.jpg)}.img{top:36%}.prev-image{left:1rem}.icon-chevron-left,.icon-chevron-right{font-size:1.6rem;color:var(--text-color)}.next-image{right:1rem}.carousel-title--small{font-size:2.2rem;top:26%}@keyframes fall{from{top:22%}to{top:26%}}.carousel-title h2{font-size:4.8rem;top:31%}.carousel-subtitle{font-size:2.6rem;width:81rem;top:40%}.controls-dot{top:69%}.dot{margin:2rem;height:1.7rem;width:1.7rem}.scroll-container{bottom:5%}}@media screen and (max-width:1078px) and (orientation:landscape){.item-0{background-image:linear-gradient(179.98deg,rgba(3,3,3,.284) 71.25%,rgba(130,130,130,.06) 97.06%),url(../assets/pictures/code-florian-olivo-4hbJ-eymZ1o-unsplash-tablet-1087x1368.jpg);background-size:100%}.item-1{background-image:url(../assets/pictures/©sandrinemanguy-devices-desltop-1087x1368_03.png);background-size:35%;background-position:bottom right}.item-2{background-image:linear-gradient(179.98deg,rgba(3,3,3,.533) 20%,rgba(216,216,216,.06) 97.06%),url(../assets/pictures/©sandrinemanguy-graphiste-baroccobludorato-tablet-1087x368_03-tagged.jpg)}.item-3{background-image:linear-gradient(179.98deg,rgba(3,3,3,.703) 35%,rgba(130,130,130,.06) 95%),url(../assets/pictures/©sandrinemanguy-illustratrice-lyon-sanstour-tablet-1087x1740-tagged.jpg);background-size:100%;background-position:20%}.img{top:50%}.carousel-title--small{font-size:1.4rem;top:12%}@keyframes fall{from{top:8%}to{top:12%}}.carousel-title h2{font-size:4.2rem;top:20%}.carousel-subtitle{font-size:1.8rem;width:81rem;top:35%}.controls-dot{top:75%}.dot{margin:2rem;height:1.8rem;width:1.8rem}.scroll-container{bottom:1%}}@media screen and (min-width:1440px){.item-0{background-image:linear-gradient(179.98deg,rgba(3,3,3,.284) 71.25%,rgba(130,130,130,.06) 97.06%),url(../assets/pictures/code-florian-olivo-4hbJ-eymZ1o-unsplash-desktp-1920.jpg)}.item-1{background-image:url(../assets/pictures/©sandrinemanguy-devices-desktop.png);background-size:30%;background-position:bottom}.item-2{background-image:linear-gradient(179.98deg,rgba(3,3,3,.533) 20%,rgba(216,216,216,.06) 97.06%),url(../assets/pictures/©sandrinemanguy-graphiste-baroccobludorato-desktop-1000x1778-tagged.jpg);background-size:cover}.item-3{background-color:var(--background-color);background-image:linear-gradient(179.98deg,rgba(3,3,3,.703) 25%,rgba(130,130,130,.06) 85.06%),url(../assets/pictures/©sandrinemanguy-illustratrice-lyon-sanstour-desktop-1000x1778_02-tagged.jpg);background-size:cover}.img{top:43%;width:7rem;height:7rem}.prev-image{left:2.5rem}.icon-chevron-left,.icon-chevron-right{font-size:3.2rem}.next-image{right:2.5rem}.carousel-title--small{top:25%}@keyframes fall{from{top:21%}to{top:25%}}.carousel-title h2{font-size:7.8rem;top:32%}.carousel-subtitle{top:42%}.controls-dot{top:70%}.dot{height:2rem;width:2rem;margin:1.6rem}.scroll-container{bottom:8%}}.profile,.bio{display:flex;flex-direction:column;align-items:center}.profile img{width:14.2rem;height:auto}.about-heading{width:27rem;font-size:1.6rem;margin-top:-1rem;text-transform:uppercase;padding-bottom:4rem;font-family:'Roboto',sans-serif}.bio-details{text-align:left;max-width:30.8rem}.bio-details div{padding-bottom:2rem}.bio-details--heading{text-align:left;font-size:1.4rem;margin-top:1rem;padding-bottom:.5rem}.bio-details--text{font-size:1.2rem}@media screen and (min-width:768px){.profile,.bio{width:46rem;margin:auto}.profile img{width:14.2rem;height:auto}.about-heading{width:30rem;font-size:2rem;margin-top:-1rem;padding-bottom:4rem}.bio-details{text-align:left;max-width:46rem}.bio-details div{padding-bottom:4rem}.bio-details--heading{text-align:left;font-size:1.6rem;margin-top:1rem;padding-bottom:1.5rem}.bio-details--text{font-size:1.6rem}}@media screen and (min-width:1440px){#about{padding-left:4rem;padding-right:3rem;display:flex;gap:7rem}.profile{margin-top:-6rem;width:27rem}.profile img{width:22rem}.bio{width:104rem}.about-heading{width:100%;font-size:2.8rem;margin-top:0;padding-bottom:9rem;text-align:left}.bio-details{display:flex;flex-direction:row;max-width:100%;gap:4rem}.bio-details--theme{padding-bottom:0rem;width:32rem}.bio-details--heading{text-align:left;font-size:1.6rem;padding-bottom:2rem}.bio-details--text{font-size:1.6rem;line-height:140%}}#environment{height:23.7rem;padding-top:3rem;background-image:linear-gradient(115.35deg,rgba(3,3,3,.35) 49.33%,rgba(130,130,130,.3) 92.38%),linear-gradient(90deg,rgba(117,214,255,.466) 0%,rgba(117,214,255,.082) 100%),url(../assets/pictures/©sandrinemanguy-environment-DSC08312.-mobile-2x-900x593-tagged.jpg);background-repeat:no-repeat;background-size:cover;background-color:var(--secondary-color-dark)}#environment .slogan{width:30.8rem;margin:auto}@media screen and (min-width:768px){#environment{height:16.4rem;padding-top:2rem;background-image:linear-gradient(115.35deg,rgba(3,3,3,.35) 49.33%,rgba(130,130,130,.3) 92.38%),linear-gradient(90deg,rgba(117,214,255,.466) 0%,rgba(117,214,255,.082) 100%),url(../assets/pictures/©sandrinemanguy-environment-DSC08312.-tablet-1200x257-tagged.jpg)}#environment .slogan{width:42.5rem;margin:auto auto auto 4.2rem}}@media screen and (min-width:1400px){#environment{height:24.2rem;padding-top:4.8rem;background-image:linear-gradient(115.35deg,rgba(3,3,3,.35) 49.33%,rgba(130,130,130,.3) 92.38%),linear-gradient(90deg,rgba(117,214,255,.15) 0%,rgba(117,214,255,.15) 100%),url(../assets/pictures/©sandrinemanguy-environment-DSC08312.-desktop-1440x243-tagged.jpg)}#environment .slogan{width:91rem;margin:auto auto auto 3rem}}div.logos{width:30rem;margin:0 auto 0 auto;display:grid;grid-template-columns:repeat(3,9rem);grid-template-rows:repeat(8,9rem);grid-column-gap:1.5rem;grid-row-gap:0;justify-items:center;align-items:center}.logo-link{font-size:4.5rem;line-height:0%}a[class="logo-link"]:hover,a[class="logo-link"]:focus{color:var(--primary-color)}a[class="logo-link"]:active{color:var(--primary-color-dark)}a[class="logo-link"]:visited{color:var(--visited)}@media screen and (min-width:768px){div.logos{width:57.6rem;grid-template-columns:repeat(4,11.4rem);grid-template-rows:repeat(6,5.2rem);grid-column-gap:4rem;grid-row-gap:2rem}.logo-link{font-size:5.2rem}}@media screen and (min-width:1440px){div.logos{width:114rem;grid-template-columns:repeat(5,18.3rem);grid-template-rows:repeat(5,9rem);grid-column-gap:5.7rem;grid-row-gap:5.3rem}.logo-link{font-size:9rem}}#sector{height:15.6rem;padding-top:1.3rem;background-image:linear-gradient(180deg,rgba(255,136,0,.25) 0%,rgba(255,136,0,.106) 100%),linear-gradient(180deg,rgba(40,39,39,.01) 0%,rgba(130,130,130,.12) 87.27%),url(../assets/pictures/©sandrinemanguy-sector-DSC00995-mobile-2x-900x390-tagged.jpg);background-size:cover;background-repeat:no-repeat;background-color:rgba(255,136,0,.106)}#sector .slogan{width:24rem;margin:1.3rem auto auto auto}@media screen and (min-width:768px){#sector{height:11.2rem;padding-top:1.3rem;background-image:linear-gradient(180deg,rgba(255,136,0,.25) 0%,rgba(255,136,0,.106) 100%),linear-gradient(180deg,rgba(40,39,39,.01) 0%,rgba(130,130,130,.12) 87.27%),url(../assets/pictures/©sandrinemanguy-sector-DSC00995-tablet-1200-181-tagged.jpg)}#sector .slogan{width:68rem;margin:auto}}@media screen and (min-width:1440px){#sector{height:23.4rem;padding-top:3.3rem;background-image:linear-gradient(180deg,rgba(255,136,0,.25) 0%,rgba(255,136,0,.106) 100%),linear-gradient(180deg,rgba(40,39,39,.01) 0%,rgba(130,130,130,.12) 87.27%),url(../assets/pictures/©sandrinemanguy-sector-DSC00995-desktop-1440-234-tagged.jpg)}#sector .slogan{width:94rem}}#skills div{max-width:30.8rem;margin:auto;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}#skills .skill{width:30.8rem;margin-top:6rem}#skills div div:first-child{margin-top:0}@media screen and (min-width:768px){#skills>div{max-width:70rem}#skills .skill{margin-top:0rem;padding-bottom:3.6rem}}@media screen and (min-width:1440px){#skills>div{max-width:138rem;justify-content:space-between}#skills .skill{width:32rem;padding-bottom:0}}#world{height:12.5rem;padding-top:.3rem;background-image:linear-gradient(180deg,rgba(255,136,0,.106) 0%,rgba(255,136,0,.106) 100%),linear-gradient(180deg,rgba(40,39,39,.01) 0%,rgba(130,130,130,.12) 87.27%),url(../assets/pictures/©sandrinemanguy-world-DSC05956-mobile-2x-900x313-tagged.jpg);background-size:cover;background-repeat:no-repeat;background-color:rgba(255,136,0,.106)}#world .slogan{width:28rem;margin:1.6rem auto auto auto}@media screen and (min-width:768px){#world{height:12.9rem;padding-top:3.6rem;background-image:linear-gradient(180deg,rgba(255,136,0,.106) 0%,rgba(255,136,0,.106) 100%),linear-gradient(180deg,rgba(40,39,39,.01) 0%,rgba(130,130,130,.12) 87.27%),url(../assets/pictures/©sandrinemanguy-world-DSC05956-tablet-1200x202-tagged.jpg)}#world .slogan{width:67rem;margin:auto}}@media screen and (min-width:1440px){#world{height:20rem;padding-top:5.5rem;background-image:linear-gradient(180deg,rgba(255,136,0,.106) 0%,rgba(255,136,0,.106) 100%),linear-gradient(180deg,rgba(40,39,39,.01) 0%,rgba(130,130,130,.12) 87.27%),url(../assets/pictures/©sandrinemanguy-world-DSC05956-desktop-1440x205-tagged.jpg)}#world .slogan{width:138rem}}#portfolio{display:flex;flex-direction:column;align-items:center}.projects{display:flex;width:34rem;height:auto;margin:auto;flex-direction:row;justify-content:center;flex-wrap:wrap;row-gap:1.5rem}.project-tile{width:34rem;position:relative;cursor:pointer;padding:0}.project-tile--image{display:block;width:100%;height:17.43rem;position:absolute;top:0;left:0}.project-tile--info{position:absolute;left:0;width:100%;padding:1.9rem 1.7rem 1.2rem 1.7rem;line-height:250%}@media (pointer:fine){.project-tile{height:17.43rem;background-color:#75d6ff}.project-tile--image{opacity:1}.project-tile--info{top:0;height:100%;opacity:0;transition:2.5s ease-in-out}.project-tile:hover .project-tile--info,.project-tile:focus .project-tile--info{background-image:linear-gradient(124.16deg,rgba(3,3,3,.757) 43.23%,rgba(76,76,76,.632) 108.95%);opacity:1}}@media (hover:none){.project-tile{height:33rem;box-shadow:.2rem .2rem .5rem var(--liver)}.project-tile--info{bottom:0;height:15.6rem;background-image:linear-gradient(178.25deg,rgba(81,80,80,.428) 6.71%,rgba(194,192,192,.575) 292.9%);}}.project-title{text-align:left;color:var(--porcelain);margin:0;padding-bottom:.5rem;font-size:1.4rem}.project-subjects{font-weight:700;text-transform:uppercase;color:var(--secondary-color)}.project-tools{margin-top:-1rem;margin-bottom:1.5rem}.project-subjects,.project-tools{font-size:1.2rem}.project-cta{display:flex;justify-content:space-between}.projects-more{margin:3.5rem auto 0 auto}@media screen and (min-width:768px){.projects{width:72rem;column-gap:1.5rem}}@media screen and (min-width:1440px){.projects{width:133rem}}#testimony{height:38.6rem;padding:0;background-image:linear-gradient(179.98deg,rgba(3,3,3,.202) 15.5%,rgba(130,130,130,.12) 97.06%),linear-gradient(180deg,rgba(117,214,255,.208) 0%,rgba(117,214,255,.208) 100%),url(../assets/pictures/©sandrinemanguy-testimony-DSC09227-mobile-2x-900x970-tagged.jpg);background-repeat:no-repeat;background-size:cover;background-color:var(--turquoise-blue--dark)}.testimony-item{list-style-type:none;display:none;text-align:center;width:28rem;position:absolute;left:50%;transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%)}.testimony-img{height:4.8rem;width:4.8rem;display:flex;position:absolute;top:33%;transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);cursor:pointer;align-items:center;justify-content:center}.testimony-img:hover,.testimony-img:focus{background-color:var(--text-color-credit);border-radius:50%}.prev-img{left:.5rem}.next-img{right:.5rem}.testimony-carousel figure{width:100%;display:flex;flex-direction:column;justify-content:space-between;row-gap:2rem;align-items:center;position:absolute;left:50%;top:7rem;transform:translate(-50%);-o-transform:translate(-50%);-ms-transform:translate(-50%);-moz-transform:translate(-50%);-webkit-transform:translate(-50%)}.testimony-carousel blockquote{display:flex;justify-content:space-around;margin:auto}.testimony-carousel .icon-quote-left{align-self:flex-start;margin-right:.5rem;display:block}.testimony-carousel blockquote p{align-self:center;font-size:1.4rem;font-weight:500;word-break:break-word;line-height:140%}.testimony-carousel .icon-quote-right{align-self:flex-end;margin-left:.5rem;display:block}.testimony-carousel figcaption{font-size:1.2rem;width:20rem;align-self:center}.testimony-controls-dots{display:inline-flex;position:absolute;bottom:25%;left:50%;transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%)}.testimony-dot{height:1.3rem;width:1.3rem;border-radius:50%;border:.1rem solid var(--text-color);cursor:pointer;margin:.5rem;transition:background-color 0.6s ease}.testimony-dot-active{background-color:var(--text-color)}.testimony-dot:hover,.testimony-dot:focus{background-color:var(--text-color-credit)}@media screen and (min-width:768px){#testimony{height:41rem;background-image:linear-gradient(179.98deg,rgba(3,3,3,.202) 15.5%,rgba(130,130,130,.12) 97.06%),linear-gradient(180deg,rgba(117,214,255,.208) 0%,rgba(117,214,255,.208) 100%),url(../assets/pictures/©sandrinemanguy-testimony-DSC09227-tablet-11200x660-tagged.jpg)}.testimony-item{width:32rem}.testimony-carousel figure{top:5rem}.testimony-carousel blockquote p{font-size:1.8rem}.testimony-dot{margin:1.2rem}}@media screen and (min-width:1440px){#testimony{height:51rem;background-image:linear-gradient(179.98deg,rgba(3,3,3,.202) 15.5%,rgba(130,130,130,.12) 97.06%),linear-gradient(180deg,rgba(117,214,255,.208) 0%,rgba(117,214,255,.208) 100%),url(../assets/pictures/©sandrinemanguy-testimony-DSC09227-desktop-1440x511-tagged.jpg)}.testimony-item{width:70rem}.testimony-carousel figure{top:7rem;row-gap:4rem}.testimony-carousel blockquote p{font-size:2.4rem}.testimony-dot{margin:1.5rem}.testimony-carousel figcaption{font-size:1.6rem;width:40rem}.testimony-img .icon-chevron-left,.testimony-img .icon-chevron-right{font-size:2rem}}#desk img{width:100%;height:auto;margin:6.5rem auto 3.5rem auto}#tools h3{padding-bottom:2rem}.tools{width:28rem;margin:auto;display:flex;flex-direction:row;flex-wrap:wrap;row-gap:9.2rem}.job{width:27.6rem;margin:0 auto;display:flex;flex-direction:column;align-items:center}.job h4{padding-bottom:3rem}#tools div div div{margin:0 auto;display:grid;grid-template-columns:repeat(5,3.6rem);justify-items:center;align-items:center;grid-gap:2.4rem}#tools [role="listitem"]{font-size:3.6rem;list-style-type:none}@media screen and (min-width:768px){#tools img{width:100%;height:auto;margin:6.5rem auto 6.5rem auto}#tools h3{padding-bottom:6rem}.tools{width:62.2rem;gap:7rem}}@media screen and (min-width:1440px){.tools{width:79rem;gap:7rem}}#contact{padding-left:2.2rem;padding-right:2.2rem;height:auto;background-image:linear-gradient(180deg,rgba(255,136,0,.051) 0%,rgba(255,136,0,.051) 100%),linear-gradient(180deg,rgba(40,39,39,.01) 20%,rgba(130,130,130,.12) 87.27%),url(../assets/pictures/©sandrinemanguy-contact-DSC08980-mobile-2x-900x1010-tagged.jpg);background-size:cover;background-repeat:no-repeat;background-color:var(--primary-color-dark)}#contact h2{font-size:6.5rem;font-weight:700}form{width:100%;margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}form abbr{font-weight:600}.form-label{position:relative;width:100%}.form-label-span{position:absolute;top:50%;left:1.6rem;transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);color:var(--background-color);font-size:1.6rem;transition-duration:300ms}.form-control{width:100%;height:4rem;padding:1rem 1.6rem .3rem 1.6rem;border:none;border-radius:1rem;background-color:rgba(242,242,242,.45);box-shadow:.4rem .4rem .4rem var(--shadow-color);color:var(--background-color);font-size:1.6rem;appearance:none}.form-control:hover{background-color:rgba(242,242,242,.85);box-shadow:.8rem .8rem .6rem var(--shadow-color)}.form-control:focus{border-bottom:.3rem solid var(--secondary-color);background-color:var(--text-color)}.form-control::placeholder{color:var(--background-color);opacity:0%;transition-duration:1s}.form-control:focus::placeholder{opacity:40%}.form-label:focus-within>.form-label-span,.form-control:not(:placeholder-shown)+.form-label-span{color:rgba(51,51,51,.45);transform:translateY(-1.8rem);-o-transform:translateY(-1.8rem);-ms-transform:translateY(-1.8rem);-moz-transform:translateY(-1.8rem);-webkit-transform:translateY(-1.8rem);font-size:1.2rem;font-weight:600}.form-control:not(:placeholder-shown){background-color:var(--text-color)}textarea{resize:none;overflow:auto}.form-label-span--textarea{top:2.2rem;left:1.6rem;color:var(--background-color);font-size:1.6rem;transition-duration:300ms}textarea.form-control{height:17rem;padding-top:1.5rem;font-size:1.6rem;font-family:'Roboto'}.form-text{font-size:1.2rem;text-align:left;align-self:flex-start;margin-bottom:0}.country{display:none}form button[type="submit"]{text-transform:uppercase;display:block}@media screen and (min-width:768px){#contact{padding-left:9.2rem;padding-right:30rem;background-image:linear-gradient(180deg,rgba(255,136,0,.051) 0%,rgba(255,136,0,.051) 100%),linear-gradient(180deg,rgba(40,39,39,.347) 20%,rgba(130,130,130,.12) 87.27%),url(../assets/pictures/©sandrinemanguy-contact-DSC08980-tablet-1200x1135-tagged.jpg)}}@media screen and (min-width:1440px){#contact{padding-left:25rem;padding-right:62rem;background-image:linear-gradient(180deg,rgba(255,136,0,.051) 0%,rgba(255,136,0,.051) 100%),linear-gradient(180deg,rgba(40,39,39,.347) 20%,rgba(130,130,130,.12) 87.27%),url(../assets/pictures/©sandrinemanguy-contact-DSC08979-desktop-1440x1006-tagged.jpg)}#contact h2{font-size:11rem;margin-bottom:3rem}}footer{padding-top:4.7rem;padding-bottom:1.5rem}.footer-slogan{width:30.8rem;margin:auto;display:flex}.footer-slogan .icon-quote-left{align-self:flex-start}.footer-slogan .icon-quote-right{align-self:flex-end}.footer-slogan .slogan{text-shadow:none}footer [role="navigation"]{text-align:center;margin-top:5rem}.sociallink{display:inline-block;font-size:3.6rem;padding:.6rem;margin:.7rem}.sociallink:hover,.sociallink:focus{color:var(--primary-color);animation:profilanimate 1s 1 alternate none}.sociallink:active{color:var(--primary-color-dark)}.sociallink:visited{color:var(--visited)}.copyright{margin-top:12rem;text-align:center;font-size:1.2rem}@media screen and (min-width:768px){footer{padding-top:5.3rem;padding-bottom:2.4rem}.footer-slogan{width:58rem}footer [role="navigation"]{margin-top:5rem}.sociallink{font-size:4.4rem;padding:.2rem;margin:1rem}.copyright{margin-top:6.6rem;font-size:1.6rem}}@media screen and (min-width:1440px){footer{padding-top:6.8rem;padding-bottom:3.6rem}.footer-slogan{width:78rem}footer [role="navigation"]{margin-top:9rem}.copyright{margin-top:9rem}}.error-404{display:flex;flex-direction:column;justify-content:center;align-items:center}.error-404__button-home{margin:0 auto;padding-top:3rem;--button-area-height:7.1rem}.error-404__illustration{max-height:calc(var(--main-height) - var(--button-area-height));width:auto}@media screen and (min-width:768px){.error-404__illustration{width:75vw;--footer-height:50.2rem;max-height:calc(var(--main-height) - var(--footer-height) - var(--button-area-height))}}@media screen and (min-width:1440px){.error-404{background-color:var(--background-color);width:144rem;margin:var(--headerheight) auto 0 auto}.error-404__illustration{width:auto;max-width:100%;height:40vh;--footer-height:63.3rem}}