@font-face{font-display:swap;font-family:"Koh";font-style:normal;font-weight:100;src:url(https://test.david-peyron.com/wp-content/themes/echofolio/css/../fonts/koh-santepheap-v11-latin-100.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Koh";font-style:normal;font-weight:300;src:url(https://test.david-peyron.com/wp-content/themes/echofolio/css/../fonts/koh-santepheap-v11-latin-300.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Koh";font-style:normal;font-weight:400;src:url(https://test.david-peyron.com/wp-content/themes/echofolio/css/../fonts/koh-santepheap-v11-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Koh";font-style:normal;font-weight:700;src:url(https://test.david-peyron.com/wp-content/themes/echofolio/css/../fonts/koh-santepheap-v11-latin-700.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Koh";font-style:normal;font-weight:900;src:url(https://test.david-peyron.com/wp-content/themes/echofolio/css/../fonts/koh-santepheap-v11-latin-900.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Caslon";font-style:normal;font-weight:400;src:url(https://test.david-peyron.com/wp-content/themes/echofolio/css/../fonts/libre-caslon-text-v5-latin-regular.woff2) format("woff2")}@keyframes rotate{0%{transform:rotate3d(0,1,0,0deg)}100%{transform:rotate3d(0,1,0,-360deg)}}@keyframes modalSlideIn{0%{transform:translateX(-200%)}100%{transform:translateX(0%)}}@keyframes opacitymodal{10%{background:rgb(255 255 255 / .07)}25%{background:rgb(255 255 255 / .07)}50%{background:rgb(255 255 255 / .28)}75%{background:rgb(255 255 255 / .39)}100%{background:rgb(255 255 255 / .59)}}@keyframes reverseopacitymodal{10%{background:rgb(255 255 255 / .59)}25%{background:rgb(255 255 255 / .39)}50%{background:rgb(255 255 255 / .28)}75%{background:rgb(255 255 255 / .07)}100%{background:rgb(255 255 255 / .07)}}@keyframes modalSlideOut{from{transform:translateX(0%)}to{transform:translateX(-200%)}}@keyframes popIn{0%{opacity:0;transform:scale(.1)}25%{opacity:.25;transform:scale(.5)}50%{opacity:.5;transform:scale(.8)}75%{opacity:.75;transform:scale(1.1)}100%{opacity:1;transform:scale(1)}}@keyframes title-appear{0%{opacity:0;transform:scale(0)}50%{opacity:.5;transform:scale(.5)}100%{opacity:1;transform:scale(1)}}@keyframes deploy-info{0%{height:23vh;@media screen and (max-width:700px){height:23vh}}100%{height:46vh;@media screen and (max-width:700px){height:23vh}}}@keyframes deploy-info-phone{0%{width:50vw;height:30vh}100%{width:50vw;height:30vh}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes side-button{0%{opacity:100px;transform:30pc}50%{width:110px;height:40px}100%{width:120px;height:50px}}@keyframes fade-in-bar{0%{opacity:0}50%{opacity:.25}100%{opacity:.5}}*{margin:0;padding:0}body{width:100%}h1,h2,h3,h4{font-family:Koh}h1{color:#575759;filter:drop-shadow(0 4px 4px rgb(0 0 0 / .25));font-weight:900;font-size:4em}h2{font-weight:700;font-size:4em}h3{font-weight:700;font-size:3em}h4{font-weight:400;font-size:1.5em}p{color:#575759;font-family:Caslon;font-size:1em}.volume-tittle{color:#fff0;-webkit-text-stroke:2px #fff;text-shadow:0 0 0 rgb(244 244 244 / .3),0 -1px 0 rgb(232 232 232 / .3),0 -2px 0 rgb(221 221 221 / .3),0 -3px 0 rgb(209 209 209 / .3),0 -4px 0 rgb(198 198 198 / .3),0 -5px 0 rgb(187 187 187 / .3),0 -6px 0 rgb(175 175 175 / .3),0 -7px 0 rgb(164 164 164 / .3),0 -8px 0 rgb(152 152 152 / .3),0 -9px 0 rgb(141 141 141 / .3),0 -10px 0 rgb(130 130 130 / .3),0 -11px 10px rgb(0 0 0 / .6),0 -11px 1px rgb(0 0 0 / .3),0 0 10px rgb(0 0 0 / .2);display:inline-block;transition:opacity 0.2s ease-in-out}.hide{opacity:0}.show{opacity:1!important}.right-title{color:#10102d;display:flex;justify-content:center;align-items:center}.echofolio__home_info,.echofolio__home_gallery,.echofolio__home_interest{opacity:0;transform:translateY(30px);transition:opacity 1s ease,transform 1s ease}.in-viewport{opacity:1;transform:translateY(0)}.label-hide{color:#fff0}@font-face{font-display:swap;font-family:"Koh";font-style:normal;font-weight:100;src:url(https://test.david-peyron.com/wp-content/themes/echofolio/css/../fonts/koh-santepheap-v11-latin-100.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Koh";font-style:normal;font-weight:300;src:url(https://test.david-peyron.com/wp-content/themes/echofolio/css/../fonts/koh-santepheap-v11-latin-300.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Koh";font-style:normal;font-weight:400;src:url(https://test.david-peyron.com/wp-content/themes/echofolio/css/../fonts/koh-santepheap-v11-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Koh";font-style:normal;font-weight:700;src:url(https://test.david-peyron.com/wp-content/themes/echofolio/css/../fonts/koh-santepheap-v11-latin-700.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Koh";font-style:normal;font-weight:900;src:url(https://test.david-peyron.com/wp-content/themes/echofolio/css/../fonts/koh-santepheap-v11-latin-900.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Caslon";font-style:normal;font-weight:400;src:url(https://test.david-peyron.com/wp-content/themes/echofolio/css/../fonts/libre-caslon-text-v5-latin-regular.woff2) format("woff2")}@keyframes rotate{0%{transform:rotate3d(0,1,0,0deg)}100%{transform:rotate3d(0,1,0,-360deg)}}@keyframes modalSlideIn{0%{transform:translateX(-200%)}100%{transform:translateX(0%)}}@keyframes opacitymodal{10%{background:rgb(255 255 255 / .07)}25%{background:rgb(255 255 255 / .07)}50%{background:rgb(255 255 255 / .28)}75%{background:rgb(255 255 255 / .39)}100%{background:rgb(255 255 255 / .59)}}@keyframes reverseopacitymodal{10%{background:rgb(255 255 255 / .59)}25%{background:rgb(255 255 255 / .39)}50%{background:rgb(255 255 255 / .28)}75%{background:rgb(255 255 255 / .07)}100%{background:rgb(255 255 255 / .07)}}@keyframes modalSlideOut{from{transform:translateX(0%)}to{transform:translateX(-200%)}}@keyframes popIn{0%{opacity:0;transform:scale(.1)}25%{opacity:.25;transform:scale(.5)}50%{opacity:.5;transform:scale(.8)}75%{opacity:.75;transform:scale(1.1)}100%{opacity:1;transform:scale(1)}}@keyframes title-appear{0%{opacity:0;transform:scale(0)}50%{opacity:.5;transform:scale(.5)}100%{opacity:1;transform:scale(1)}}@keyframes deploy-info{0%{height:23vh;@media screen and (max-width:700px){height:23vh}}100%{height:46vh;@media screen and (max-width:700px){height:23vh}}}@keyframes deploy-info-phone{0%{width:50vw;height:30vh}100%{width:50vw;height:30vh}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes side-button{0%{opacity:100px;transform:30pc}50%{width:110px;height:40px}100%{width:120px;height:50px}}@keyframes fade-in-bar{0%{opacity:0}50%{opacity:.25}100%{opacity:.5}}.header{width:100%;height:250px;display:flex;flex-direction:row}.header .header__logo img{width:20em;height:10em}@media screen and (max-width:412px){.header .header__logo img{width:10em;height:5em}}.header .echofolio__column__left{width:70%;height:100%;background-color:#fff}.header .echofolio__column__left .echofolio__background{display:block;position:absolute;height:80px;width:70%;top:15%;z-index:0;background-color:#10102d;border:1px solid rgb(255 255 255 / .88);box-shadow:-3px 15px 6px -5px #84878c,-3px 15px 6px -5px #eceff8}.header .echofolio__column__left .header__title{position:absolute;top:18%;left:10%;z-index:1;font-size:2vw;color:#fff0}@media screen and (max-width:700px){.header .echofolio__column__left .header__title{width:50%;top:17%;font-size:1.1em}}@media screen and (max-width:412px){.header .echofolio__column__left .header__title{width:50%;top:22%;font-size:.8em}}.header .echofolio__column__right{width:30%;height:100%;background-color:#10102d;border-left:1px solid rgb(255 255 255 / .88);box-shadow:-5px -5px 10px #84878c,5px 5px 10px #eceff8;overflow:visible}.header .echofolio__column__right .echofolio__column__right__nav{display:flex;padding-top:2em;justify-content:center;height:100%}.header .echofolio__column__right .nav__menu{list-style:none;gap:.5em;padding:0;display:flex;flex-flow:wrap row;justify-content:center}.header .echofolio__column__right .nav__menu li{z-index:2;height:100px;width:100px;background:rgb(255 255 255 / .29);box-shadow:0 4px 30px rgb(0 0 0 / .1);backdrop-filter:blur(5.6px);border:1px solid rgb(255 255 255 / .65);color:#fff;font-family:Caslon;font-size:1em;filter:drop-shadow(0 0 .2em #000000);cursor:pointer;border-radius:50px;display:flex;justify-content:center;align-items:center;margin-right:10px}.header .echofolio__column__right .nav__menu li:hover{border:1px solid rgb(255 255 255 / .65);z-index:1;scale:1.5;background:rgb(255 255 255 / .33);box-shadow:0 8px 60px rgb(0 0 0 / .2);animation:popIn 0.5s ease-out}.header .echofolio__column__right .nav__menu li:hover a{color:#10102d}.header .echofolio__column__right .nav__menu li a{all:initial;color:#fff;font-family:Caslon;font-size:1em;filter:drop-shadow(0 0 .2em #000000)}@media screen and (min-width:920px){.burger__btn,.close__burger__btn{display:none}}@media screen and (max-width:920px){.main-navigation{width:20%;justify-content:center;margin-top:22px;position:fixed;top:20px;z-index:1}.main-navigation .burger__btn{margin-left:20px;height:80px;width:80px;background:rgb(255 255 255 / .29);box-shadow:0 4px 30px rgb(0 0 0 / .1);backdrop-filter:blur(5.6px);-webkit-backdrop-filter:blur(5.6px);border:1px solid rgb(255 255 255 / .65);color:#fff;font-family:Caslon;font-size:1em;opacity:.7;border-radius:40px}.main-navigation .burger__btn:hover{z-index:1;scale:1.5;background:rgb(255 255 255 / .33);box-shadow:0 8px 60px rgb(0 0 0 / .2);animation:popIn 0.2s ease-out;cursor:pointer}.main-navigation .burger__btn:hover a{color:#10102d;cursor:pointer}.main-navigation .close__burger__btn{font-size:2em;font-weight:700;text-decoration:none;color:#575759;opacity:.7;justify-content:center;cursor:pointer}.main-navigation .overlay{height:0%;width:100%;position:fixed;z-index:1;top:100px;transition:1s;opacity:0;overflow:hidden}.main-navigation .overlay .overlay-content{top:20%;width:100%;text-align:center;margin-top:50px;overflow:hidden}.main-navigation .overlay .overlay-content .nav__menu__wrapper{width:100%}.main-navigation .overlay .overlay-content .nav__menu__wrapper ul{display:flex;flex-direction:column;font-size:1em}.main-navigation .overlay .overlay-content .nav__menu__wrapper ul li{margin:1em}.main-navigation .overlay .overlay-content .nav__menu__wrapper ul li a{padding:8px;text-decoration:none;font-family:Caslon;font-size:1em;display:block;transition:0.3s;color:#fff}}.suggest__img__item{display:flex;margin:0;position:relative;transform:scale(0)}.suggest__img__picture{z-index:1;display:block;width:14.5vw;height:23vh;margin:10px;border-radius:50px;box-shadow:-37px 37px 73px #1d1d1d,37px -37px 73px #fff}@media screen and (max-width:700px){.suggest__img__picture{width:50vw;height:30vh}}.suggest__img__picture img{width:100%;height:100%;object-fit:cover;border-radius:50px;background:rgb(255 255 255 / .33);box-shadow:0 4px 30px rgb(0 0 0 / .1);backdrop-filter:blur(4.4px);-webkit-backdrop-filter:blur(4.4px);border:1px solid rgb(255 255 255 / .57)}.suggest__img__hover{z-index:2;width:14.5vw;height:46vh;border-radius:50px;position:absolute;overflow:hidden;top:10px;left:10px}@media screen and (max-width:700px){.suggest__img__hover{width:50vw;height:30vh}.suggest__img__hover:hover{animation:deploy-info-phone 1s ease-in-out}.suggest__img__hover:hover .suggest__img__info{margin-top:1em!important;margin-bottom:1em;margin-right:1em;margin-left:1em;height:30vh;text-align:left;color:#10102d;text-shadow:-.5px -.5px 0 #fff,.5px -.5px 0 #fff,-.5px .5px 0 #fff,.5px .5px 0 #fff}.suggest__img__hover:hover .suggest__img__info .progress-bar-php{z-index:0;position:absolute;top:20px;left:60px;width:0;height:1.2em;background-color:#4F5D95;border-top-right-radius:16px;border-bottom-right-radius:16px;box-shadow:0 4px 30px rgb(0 0 0 / .1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgb(255 255 255 / .5);opacity:0;animation:fade-in-bar 0.3s 1s ease-in forwards}.suggest__img__hover:hover .suggest__img__info .progress-bar-css{z-index:0;position:absolute;top:58px;left:60px;width:0;height:1.2em;background-color:#563D7C;border-top-right-radius:16px;border-bottom-right-radius:16px;box-shadow:0 4px 30px rgb(0 0 0 / .1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgb(255 255 255 / .5);opacity:0;animation:fade-in-bar 0.3s 1s ease-in forwards}.suggest__img__hover:hover .suggest__img__info .progress-bar-js{z-index:0;position:absolute;top:96px;left:60px;width:0;height:1.2em;background-color:#F1E05A;border-top-right-radius:16px;border-bottom-right-radius:16px;box-shadow:0 4px 30px rgb(0 0 0 / .1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgb(255 255 255 / .5);opacity:0;animation:fade-in-bar 0.3s 1s ease-in forwards}.suggest__img__hover:hover .suggest__img__info .progress-bar-scss{z-index:0;position:absolute;top:134px;left:60px;width:0;height:1.2em;background-color:#C6538C;border-top-right-radius:16px;border-bottom-right-radius:16px;box-shadow:0 4px 30px rgb(0 0 0 / .1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgb(255 255 255 / .5);opacity:0;animation:fade-in-bar 0.3s 1s ease-in forwards}.suggest__img__hover:hover .suggest__img__info p{z-index:1;opacity:1;position:relative;font-size:1.2em}}.suggest__img__hover .suggest__img_eyes,.suggest__img__hover .icon__link__github{display:none;position:absolute;top:50%;right:43%}.suggest__img__hover .suggest__img_eyes:hover,.suggest__img__hover .icon__link__github:hover{scale:1.3;box-shadow:0 8px 60px rgb(0 0 0 / .2);animation:popIn 0.2s ease-out;opacity:1}.suggest__img__hover .icon__link__github{top:5%;right:10px;transition:opacity 0.3s ease;opacity:0}.suggest__img__hover:hover{background:rgb(255 255 255 / .33);box-shadow:0 4px 30px rgb(0 0 0 / .1);backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(4.4px);border:1px solid rgb(255 255 255 / .57)}@media screen and (min-width:700px){.suggest__img__hover:hover{animation:deploy-info 1s ease-in-out}}.suggest__img__hover:hover .suggest__img__info{margin-top:28.5vh;margin-bottom:1em;margin-right:1em;margin-left:1em;padding-top:0;width:100%;height:100%;color:#fff}.suggest__img__hover:hover .suggest__img_eyes{width:50px;height:50px}.suggest__img__hover:hover .suggest__img_eyes,.suggest__img__hover:hover .icon__link__github{display:block;opacity:.5;filter:drop-shadow(0 0 .2em #fff);cursor:pointer}.suggest__img__hover:hover .suggest__img__info .progress-bar-php{z-index:0;position:absolute;bottom:137px;left:60px;width:0;height:1em;background-color:#4F5D95;border-top-right-radius:16px;border-bottom-right-radius:16px;box-shadow:0 4px 30px rgb(0 0 0 / .1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgb(255 255 255 / .5);opacity:0;animation:fade-in-bar 0.3s 1s ease-in forwards}.suggest__img__hover:hover .suggest__img__info .progress-bar-css{z-index:0;position:absolute;bottom:98px;left:60px;width:0;height:1em;background-color:#563D7C;border-top-right-radius:16px;border-bottom-right-radius:16px;box-shadow:0 4px 30px rgb(0 0 0 / .1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgb(255 255 255 / .5);opacity:0;animation:fade-in-bar 0.3s 1s ease-in forwards}.suggest__img__hover:hover .suggest__img__info .progress-bar-js{z-index:0;position:absolute;bottom:59px;left:60px;width:0;height:1em;background-color:#F1E05A;border-top-right-radius:16px;border-bottom-right-radius:16px;box-shadow:0 4px 30px rgb(0 0 0 / .1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgb(255 255 255 / .5);opacity:0;animation:fade-in-bar 0.3s 1s ease-in forwards}.suggest__img__hover:hover .suggest__img__info .progress-bar-scss{z-index:0;position:absolute;bottom:18px;left:60px;width:0;height:1em;background-color:#C6538C;border-top-right-radius:16px;border-bottom-right-radius:16px;box-shadow:0 4px 30px rgb(0 0 0 / .1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgb(255 255 255 / .5);opacity:0;animation:fade-in-bar 0.3s 1s ease-in forwards}.suggest__img__hover:hover .suggest__img__info p{z-index:1;opacity:1;font-family:Caslon;font-size:1em;position:relative}.suggest__img__hover .suggest__img__info{align-items:flex-start;width:100%;height:100%;display:flex;flex-direction:column;padding-top:5em}.suggest__img__hover .suggest__img__info p{opacity:0;color:#575759;margin:5px}.post__gallery_button{margin-top:30px;margin-bottom:40px;width:272px;height:50px;border:none}.post__gallery_button:hover{animation:nav__button__hover 0.5s ease-in-out;background-color:#FFD6D6;color:#10102d}.post__gallery_button a{font-family:Caslon;font-size:.75em;font-weight:400;text-decoration:none;color:#000}.echofolio__home{width:100%;display:flex;flex-direction:column}.echofolio__home .echofolio__home_info{width:100%;min-height:600px;display:flex;flex-direction:row;overflow:hidden}@media screen and (max-width:920px){.echofolio__home .echofolio__home_info{min-height:900px}.echofolio__home .echofolio__home_info .echofolio__column__right .right-title{transform:rotate(90deg);min-height:60%}.echofolio__home .echofolio__home_info .echofolio__column__right .right-title h3{font-size:2.1em;white-space:nowrap}.echofolio__home .echofolio__home_info .echofolio__column__left{width:85%}}.echofolio__home .echofolio__home_info .echofolio__background{display:block;position:absolute;height:10px;width:70%;top:12%;z-index:0;background-color:#10102d;border:1px solid rgb(255 255 255 / .88);box-shadow:11px 11px 22px #84878c,-11px -11px 22px #eceff8}.echofolio__home .echofolio__home_info .echofolio__background h1{text-align:center}@media screen and (max-width:920px){.echofolio__home .echofolio__home_info .echofolio__background h1{font-size:2.1em}}.echofolio__home .echofolio__home_info .echofolio__column__left{width:70%;background-color:#fff;display:flex;justify-content:center;align-items:center;overflow:hidden;gap:5em}.echofolio__home .echofolio__home_info .echofolio__column__left .echofolio__column__left__text{margin:10em;transform:rotate(360deg);z-index:1;width:400px;height:400px;transition:all 0.2s ease;background:rgb(16 16 45 / .56);box-shadow:11px 11px 22px #84878c,-11px -11px 22px #eceff8;backdrop-filter:blur(5.5px);-webkit-backdrop-filter:blur(5.5px);border:1px solid rgb(255 255 255 / .88);border-radius:200px}@media screen and (max-width:920px){.echofolio__home .echofolio__home_info .echofolio__column__left .echofolio__column__left__text{width:250px;height:250px;border-radius:125px;margin:1em}.echofolio__home .echofolio__home_info .echofolio__column__left .echofolio__column__left__text h2{font-size:2em;padding-top:75px!important}}.echofolio__home .echofolio__home_info .echofolio__column__left .echofolio__column__left__text p{color:#fff;display:none}.echofolio__home .echofolio__home_info .echofolio__column__left .echofolio__column__left__text h2{color:#fff;padding-top:150px;text-align:center;transform-origin:left center;white-space:nowrap}.echofolio__home .echofolio__home_info .echofolio__column__left:hover .echofolio__column__left__text{transform:rotate(0deg);width:95%;height:95%}.echofolio__home .echofolio__home_info .echofolio__column__left:hover .echofolio__column__left__text p{margin-top:3em;padding-left:2em;padding-right:1.5em!important;display:block}.echofolio__home .echofolio__home_info .echofolio__column__left:hover .echofolio__column__left__text h2{font-size:1.5em;color:#10102d;padding-top:4em;padding-bottom:6em;transform:rotate(90deg);text-align:start;transform-origin:left center;white-space:nowrap;margin:0;text-shadow:0 2px 4px rgb(0 0 0 / .4)}@media screen and (max-width:920px){.echofolio__home .echofolio__home_info .echofolio__column__left:hover .echofolio__column__left__text h2{transform:rotate(0deg);padding-bottom:2em;text-align:center}.echofolio__home .echofolio__home_info .echofolio__column__left:hover .echofolio__column__left__text p{font-size:.8em;margin-top:1em}}@media screen and (max-width:412px){.echofolio__home .echofolio__home_info .echofolio__column__left:hover .echofolio__column__left__text h2{padding-bottom:.5em}.echofolio__home .echofolio__home_info .echofolio__column__left:hover .echofolio__column__left__text p{font-size:.7em}}.echofolio__home .echofolio__home_info .echofolio__column__right{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;border-left:1px solid rgb(255 255 255 / .88);box-shadow:-5px 0 10px #84878c,-5px 0 10px #eceff8;width:30%;min-height:100px;background-color:#10102d}.echofolio__home .echofolio__home_info .echofolio__column__right .cv-icon{filter:drop-shadow(3px 12px 11px #000000);transition:transform 0.5s ease-out}.echofolio__home .echofolio__home_info .echofolio__column__right .cv-icon:hover{transform:scale(1.3) perspective(100px) rotateX(20deg)}.echofolio__home .echofolio__home_info .echofolio__column__right .cv-icon img{width:80px;height:80px}.echofolio__home .echofolio__home_gallery{width:100%;min-height:700px;display:flex;flex-direction:row;justify-content:center;align-items:stretch;overflow:hidden}@media screen and (max-width:920px){.echofolio__home .echofolio__home_gallery .echofolio__column__right{width:15%;flex-direction:column-reverse!important;justify-content:space-evenly!important}.echofolio__home .echofolio__home_gallery .echofolio__column__right .right-title{rotate:90deg;width:200px!important;overflow:hidden}.echofolio__home .echofolio__home_gallery .echofolio__column__right .right-title h3{font-size:2em}.echofolio__home .echofolio__home_gallery .echofolio__column__left{width:85%}}.echofolio__home .echofolio__home_gallery .echofolio__column__left{justify-content:center;align-self:center;width:70%;height:100%;display:flex;flex-flow:wrap row;background-color:#fff}@media screen and (max-width:700px){.echofolio__home .echofolio__home_gallery .echofolio__column__left{flex-direction:column;padding-left:2em}}.echofolio__home .echofolio__home_gallery .echofolio__column__right{border-left:1px solid rgb(255 255 255 / .88);box-shadow:-5px 0 10px #84878c,-5px 0 10px #eceff8;width:30%;min-height:700px;background-color:#10102d;display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center}.echofolio__home .echofolio__home_gallery .echofolio__column__right .right-title{width:70%}.echofolio__home .echofolio__home_interest{width:100%;min-height:600px;display:flex;flex-direction:row;justify-content:center;align-items:center;overflow:hidden}@media screen and (max-width:920px){.echofolio__home .echofolio__home_interest .echofolio__column__right{height:1600px}.echofolio__home .echofolio__home_interest .echofolio__column__right .right-title{width:100%;transform:rotate(90deg)}.echofolio__home .echofolio__home_interest .echofolio__column__right .right-title h3{font-size:2.1em;white-space:nowrap}}.echofolio__home .echofolio__home_interest .echofolio__column__left{width:70%;height:100%;background-color:#fff}.echofolio__home .echofolio__home_interest .echofolio__column__right{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;border-left:1px solid rgb(255 255 255 / .88);box-shadow:-5px 0 10px #84878c,-5px 0 10px #eceff8;width:30%;min-height:600px;background-color:#10102d}.echofolio__home .echofolio__home_interest .echofolio__column__right .tool-icon{filter:drop-shadow(3px 12px 11px #000000);transition:transform 0.5s ease-out}.echofolio__home .echofolio__home_interest .echofolio__column__right .tool-icon:hover{transform:scale(1.3) perspective(100px) rotateX(20deg)}.echofolio__home .echofolio__home_interest .echofolio__column__right .tool-icon img{width:80px;height:80px}.echofolio__column__left__text__open{margin-top:1em;margin-bottom:2em;width:100%;height:100%}.echofolio__column__left__text__open p{height:16em;display:block}.echofolio__column__left__text__open h2{min-height:1px;padding:3em 0;transform:rotate(90deg);transform-origin:left center;white-space:nowrap;margin:0}.echofolio__column__right__button{display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:2}.echofolio__column__right__button:hover{background-color:#fff;height:100%;width:120px;gap:4em;border-top-right-radius:60px;border-bottom-right-radius:60px;transition:gap 0.5s ease-in-out,height 0.5s ease-in-out,width 0.5s ease-in-out}@media screen and (max-width:920px){.echofolio__column__right__button:hover{background-color:#fff0}}.echofolio__column__right__button:hover .prev-button button,.echofolio__column__right__button:hover .next-button button{border:1px solid rgb(255 255 255 / .65);color:#10102d;z-index:3;scale:1.5;background:rgb(255 255 255 / .33);box-shadow:0 8px 60px rgb(0 0 0 / .2);animation:popIn 0.2s ease-out}.echofolio__column__right__button .prev-button,.echofolio__column__right__button .next-button{display:flex;justify-content:center;align-items:center}.echofolio__column__right__button .prev-button button,.echofolio__column__right__button .next-button button{width:100px;height:50px;background:rgb(255 255 255 / .29);box-shadow:0 4px 30px rgb(0 0 0 / .1);backdrop-filter:blur(5.6px);-webkit-backdrop-filter:blur(5.6px);border:1px solid rgb(255 255 255 / .65);color:#fff;font-family:Caslon;font-size:1em;opacity:.7;filter:drop-shadow(0 0 .2em #000000);cursor:pointer}.echofolio__column__right__button .prev-button button{border-top-right-radius:50px;border-top-left-radius:50px;padding-top:1em;border-bottom:0 #fff0}.echofolio__column__right__button .next-button button{border-bottom-right-radius:50px;border-bottom-left-radius:50px;padding-bottom:1em;border-top:0 #fff0}.box-container{display:flex;flex-wrap:wrap;margin-top:50px;justify-content:space-around}@media screen and (max-width:412px){.box-container{justify-content:center}}.box-wrapper{flex:0 0 220px;height:220px;position:relative;opacity:0;transform:scale(.5);transition:opacity 0.5s ease-in-out,transform 0.5s ease-in-out}.box-wrapper.active{opacity:1;animation:popIn 0.2s ease-out;transform:scale(1)}.box-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;padding-top:80%}.circle-border{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:linear-gradient(145deg,#ffffff,#e6e6e6);box-shadow:31px 31px 72px #8f8f8f,-31px -31px 72px #fff}.circle-percentage{position:absolute;top:10px;left:10px;text-align:center;width:calc(100% - 20px);height:calc(100% - 20px);border-radius:50%;background:#fff;box-shadow:5px 4px 15px #ffffff,-5px -4px 15px #eceff8;backdrop-filter:blur(5.5px);overflow:hidden}.circle-percentage img{width:100%;height:100%;object-fit:cover}.circle-percentage .circle-percentage-background{position:absolute;top:100px;left:30px;width:100px;height:100px;border-radius:50px;background:rgb(255 255 255 / .38);box-shadow:0 4px 30px rgb(0 0 0 / .1);backdrop-filter:blur(5.3px);-webkit-backdrop-filter:blur(5.3px);border:1px solid rgb(255 255 255 / .74)}.circle-percentage span{padding-top:105px;color:#10102d;font-family:Caslon;font-size:1.5em;text-shadow:1px 1px 0 #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,3px 3px 3px #fff}.percentage{position:absolute;font-size:20px;top:50%;left:0;width:100%;transform:translateY(-50%)}.circle-text{padding-top:1em}@font-face{font-display:swap;font-family:"Koh";font-style:normal;font-weight:100;src:url(https://test.david-peyron.com/wp-content/themes/echofolio/css/../fonts/koh-santepheap-v11-latin-100.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Koh";font-style:normal;font-weight:300;src:url(https://test.david-peyron.com/wp-content/themes/echofolio/css/../fonts/koh-santepheap-v11-latin-300.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Koh";font-style:normal;font-weight:400;src:url(https://test.david-peyron.com/wp-content/themes/echofolio/css/../fonts/koh-santepheap-v11-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Koh";font-style:normal;font-weight:700;src:url(https://test.david-peyron.com/wp-content/themes/echofolio/css/../fonts/koh-santepheap-v11-latin-700.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Koh";font-style:normal;font-weight:900;src:url(https://test.david-peyron.com/wp-content/themes/echofolio/css/../fonts/koh-santepheap-v11-latin-900.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Caslon";font-style:normal;font-weight:400;src:url(https://test.david-peyron.com/wp-content/themes/echofolio/css/../fonts/libre-caslon-text-v5-latin-regular.woff2) format("woff2")}@keyframes rotate{0%{transform:rotate3d(0,1,0,0deg)}100%{transform:rotate3d(0,1,0,-360deg)}}@keyframes modalSlideIn{0%{transform:translateX(-200%)}100%{transform:translateX(0%)}}@keyframes opacitymodal{10%{background:rgb(255 255 255 / .07)}25%{background:rgb(255 255 255 / .07)}50%{background:rgb(255 255 255 / .28)}75%{background:rgb(255 255 255 / .39)}100%{background:rgb(255 255 255 / .59)}}@keyframes reverseopacitymodal{10%{background:rgb(255 255 255 / .59)}25%{background:rgb(255 255 255 / .39)}50%{background:rgb(255 255 255 / .28)}75%{background:rgb(255 255 255 / .07)}100%{background:rgb(255 255 255 / .07)}}@keyframes modalSlideOut{from{transform:translateX(0%)}to{transform:translateX(-200%)}}@keyframes popIn{0%{opacity:0;transform:scale(.1)}25%{opacity:.25;transform:scale(.5)}50%{opacity:.5;transform:scale(.8)}75%{opacity:.75;transform:scale(1.1)}100%{opacity:1;transform:scale(1)}}@keyframes title-appear{0%{opacity:0;transform:scale(0)}50%{opacity:.5;transform:scale(.5)}100%{opacity:1;transform:scale(1)}}@keyframes deploy-info{0%{height:23vh;@media screen and (max-width:700px){height:23vh}}100%{height:46vh;@media screen and (max-width:700px){height:23vh}}}@keyframes deploy-info-phone{0%{width:50vw;height:30vh}100%{width:50vw;height:30vh}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes side-button{0%{opacity:100px;transform:30pc}50%{width:110px;height:40px}100%{width:120px;height:50px}}@keyframes fade-in-bar{0%{opacity:0}50%{opacity:.25}100%{opacity:.5}}.echofolio__footer{display:flex;justify-content:space-between;align-items:center;background-color:#fff}.echofolio__footer .echofolio__column,.echofolio__footer .echofolio__column__left,.echofolio__footer .echofolio__column__right{display:flex;justify-content:center;align-items:center;min-height:100px}.echofolio__column__left{width:70%}.echofolio__column__right{width:30%;border-left:1px solid rgb(255 255 255 / .88);box-shadow:-5px 0 10px #84878c,-5px 0 10px #eceff8;background-color:#10102d}.echofolio__footer__link{display:flex;justify-content:center;align-items:center;width:100%;font-family:Caslon;font-size:1em;color:#fff;background-color:#10102d}.echofolio__footer__link a{text-decoration:none;color:#E5E5E5}.echofolio__footer__link a:hover{transform:scale(1.1);background-color:#fff;color:#10102d}.social-icon{filter:drop-shadow(3px 12px 11px #000000);transition:transform 0.5s ease-out}.social-icon:hover{transform:scale(1.3) perspective(100px) rotateX(20deg)}.echofolio__post__container{width:100%;min-height:600px;display:flex;flex-direction:row}.echofolio__post__container .echofolio__column__left{overflow:hidden;width:70%;background-color:#fff;display:flex;justify-content:center;align-items:center;position:relative}.echofolio__post__container .echofolio__column__left .independent-image-container{width:100%;padding:2em;display:flex;justify-content:center;align-items:center}@media screen and (max-width:920px){.echofolio__post__container .echofolio__column__left .independent-image-container{width:100%;padding:1px}}@media screen and (max-width:412px){.echofolio__post__container .echofolio__column__left .independent-image-container{width:100%;height:100%;padding:1px;overflow:hidden}.echofolio__post__container .echofolio__column__left .independent-image-container img{width:50%}}.echofolio__post__container .echofolio__column__left .independent-image-container img{width:100%;height:100%;object-fit:cover}.echofolio__post__container .echofolio__column__left .independent-image-container .post-parallax{width:100%;border-radius:20px;background:linear-gradient(145deg,#e6e6e6,#ffffff);box-shadow:30px 30px 61px #696969,-30px -30px 61px #fff}.echofolio__post__container .echofolio__column__left .independent-text-container{position:absolute;width:80%;top:20%;left:10%;z-index:1;background:rgb(255 255 255 / .64);border-radius:16px;box-shadow:0 4px 30px rgb(0 0 0 / .1);backdrop-filter:blur(4.3px);-webkit-backdrop-filter:blur(4.3px);border:1px solid rgb(255 255 255 / .91);transition:width 0.5s ease-out;overflow:hidden}.echofolio__post__container .echofolio__column__left .independent-text-container p{padding:2em}.echofolio__post__container .echofolio__column__left .independent-text-container h2{text-align:center;font-size:3em}.echofolio__post__container .echofolio__column__left .independent-text-container .compress__post__title{display:none}@media screen and (max-width:412px){.echofolio__post__container .echofolio__column__left .independent-text-container{width:90%;left:5%}.echofolio__post__container .echofolio__column__left .independent-text-container p{padding:2px}.echofolio__post__container .echofolio__column__left .independent-text-container h2{font-size:1.2em;text-align:center}}@media screen and (max-width:920px){.echofolio__post__container .echofolio__column__left .independent-text-container{width:90%;left:5%}.echofolio__post__container .echofolio__column__left .independent-text-container p{padding:1em}.echofolio__post__container .echofolio__column__left .independent-text-container h2{font-size:2em;text-align:center}}.echofolio__post__container .echofolio__column__right{display:flex;justify-content:center;align-items:center;flex-direction:column;border-left:1px solid rgb(255 255 255 / .88);box-shadow:-5px 0 10px #84878c,-5px 0 10px #eceff8;width:30%;background-color:#10102d}.echofolio__post__container .echofolio__column__right .echofolio__post__thumbnail{z-index:1;width:300px;height:300px;border-radius:150px;overflow:hidden;background:linear-gradient(145deg,#111130,#0e0e29);border:1px solid rgb(255 255 255 / .88);box-shadow:30px 30px 61px #070712,-30px -30px 61px #191948}.echofolio__post__container .echofolio__column__right .echofolio__post__thumbnail img{height:300px}@media screen and (max-width:920px){.echofolio__post__container .echofolio__column__right .echofolio__post__thumbnail{width:150px;height:150px;border-radius:75px}.echofolio__post__container .echofolio__column__right .echofolio__post__thumbnail img{height:150px}}.echofolio__post__container .echofolio__column__right .echofolio__post__thumbnail__nav{position:relative;width:300px}.echofolio__post__container .echofolio__column__right .echofolio__post__thumbnail__nav .previous-post-thumbnail{top:10px;right:20px;border-top-left-radius:0;border-bottom-left-radius:0}.echofolio__post__container .echofolio__column__right .echofolio__post__thumbnail__nav .previous-post-thumbnail:hover{transform:scale(.8)}.echofolio__post__container .echofolio__column__right .echofolio__post__thumbnail__nav .next-post-thumbnail{top:10px;left:20px;border-top-right-radius:0;border-bottom-right-radius:0}.echofolio__post__container .echofolio__column__right .echofolio__post__thumbnail__nav .next-post-thumbnail:hover{transform:scale(.8)}@media screen and (max-width:920px){.echofolio__post__container .echofolio__column__right .echofolio__post__thumbnail__nav{width:150px}.echofolio__post__container .echofolio__column__right .echofolio__post__thumbnail__nav .previous-post-thumbnail{top:0;right:0}.echofolio__post__container .echofolio__column__right .echofolio__post__thumbnail__nav .next-post-thumbnail{top:0;left:0}}@media screen and (max-width:412px){.echofolio__post__container .echofolio__column__right .echofolio__post__thumbnail__nav{width:50px;height:200px}.echofolio__post__container .echofolio__column__right .echofolio__post__thumbnail__nav .next-post-thumbnail{top:60px;right:0}.echofolio__post__container .echofolio__column__right .echofolio__post__thumbnail__nav .previous-post-thumbnail{top:0;left:0}}.echofolio__post__container .echofolio__column__right .thumb-nav-min{position:absolute;z-index:2;width:100px;height:100px;border-radius:50px;overflow:hidden;background:linear-gradient(145deg,#111130,#0e0e29);border:1px solid rgb(255 255 255 / .88);box-shadow:30px 30px 61px #070712,-30px -30px 61px #191948}.echofolio__post__container .echofolio__column__right .thumb-nav-min img{height:100px}@media screen and (max-width:920px){.echofolio__post__container .echofolio__column__right .thumb-nav-min{width:50px;height:50px;border-radius:25px}.echofolio__post__container .echofolio__column__right .thumb-nav-min img{height:50px}}.echofolio__post__container .echofolio__column__right h1{display:block}@media screen and (max-width:920px){.echofolio__post__container .echofolio__column__right h1{font-size:3em}}.echofolio__post__container .echofolio__column__right .echofolio__meta .echofolio__meta__wrapper{margin-top:3em;margin-bottom:3em;position:relative}.echofolio__post__container .echofolio__column__right .echofolio__meta .echofolio__meta__wrapper p{margin:1em;color:#fff;position:relative;z-index:1}.echofolio__post__container .echofolio__column__right .echofolio__meta .echofolio__meta__wrapper .progress-bar-php,.echofolio__post__container .echofolio__column__right .echofolio__meta .echofolio__meta__wrapper .progress-bar-css,.echofolio__post__container .echofolio__column__right .echofolio__meta .echofolio__meta__wrapper .progress-bar-js,.echofolio__post__container .echofolio__column__right .echofolio__meta .echofolio__meta__wrapper .progress-bar-scss{z-index:0;position:absolute;left:60px;width:0;height:1.1em;background:rgb(255 255 255 / .09);border-radius:2px;box-shadow:0 4px 30px rgb(0 0 0 / .1);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border:1px solid rgb(255 255 255 / .25)}.echofolio__post__container .echofolio__column__right .echofolio__meta .echofolio__meta__wrapper .progress-bar-php{bottom:109px}.echofolio__post__container .echofolio__column__right .echofolio__meta .echofolio__meta__wrapper .progress-bar-css{bottom:74px;background:#563D7C;box-shadow:inset -30px -30px 61px #231933,inset 30px 30px 61px #8961c5}.echofolio__post__container .echofolio__column__right .echofolio__meta .echofolio__meta__wrapper .progress-bar-js{bottom:39px;background:#F1E05A;box-shadow:inset -30px -30px 61px #635c25,inset 30px 30px 61px #ffff8f}.echofolio__post__container .echofolio__column__right .echofolio__meta .echofolio__meta__wrapper .progress-bar-scss{bottom:2px;background:#C6538C;box-shadow:inset -30px -30px 61px #512239,inset 30px 30px 61px #ff84df}@media screen and (max-width:412px){.echofolio__post__container .echofolio__meta,.echofolio__post__container .echofolio__post__thumbnail{display:none}.echofolio__post__container .right-title{width:10%}}.post__icon__link__github{margin-top:5em;width:100px;height:100px;filter:drop-shadow(3px 12px 11px #000000);transition:transform 0.5s ease-out}.post__icon__link__github:hover{transform:scale(1.3) perspective(100px) rotateX(20deg)}.compress-post-text{width:10%!important;height:50%;opacity:.5}.compress-post-text p,.compress-post-text h2{display:none}.compress-post-text .compress__post__title{padding-left:2em;display:block!important;transform:rotate(90deg)}@media screen and (max-width:920px){.compress-post-text{width:20%!important}}.echofolio__policy{width:100%;display:flex;justify-content:center;align-items:stretch;flex-direction:row}.echofolio__policy .echofolio__policy__left{display:flex;justify-content:center;align-items:center;width:70%;height:100%;min-height:100px;background-color:#fff}.echofolio__policy .echofolio__policy__left h2{text-align:center}@media screen and (max-width:920px){.echofolio__policy .echofolio__policy__left h2{font-size:2.5em}}.echofolio__policy .echofolio__policy__left h3{padding-left:1em}@media screen and (max-width:920px){.echofolio__policy .echofolio__policy__left h3{font-size:1.5em}}.echofolio__policy .echofolio__policy__left h4{padding-left:2em}@media screen and (max-width:920px){.echofolio__policy .echofolio__policy__left h4{font-size:1.2em}}.echofolio__policy .echofolio__policy__left p{margin:1em}.echofolio__policy .echofolio__policy__left .echofolio__policy__left__text__content{padding-top:2em;margin:0 auto;width:60%}.echofolio__policy .echofolio__policy__right{display:flex;justify-content:center;align-items:center;border-left:1px solid rgb(255 255 255 / .88);box-shadow:-5px 0 10px #84878c,-5px 0 10px #eceff8;width:30%;min-height:100px;background-color:#10102d}@font-face{font-display:swap;font-family:"Koh";font-style:normal;font-weight:100;src:url(https://test.david-peyron.com/wp-content/themes/echofolio/css/../fonts/koh-santepheap-v11-latin-100.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Koh";font-style:normal;font-weight:300;src:url(https://test.david-peyron.com/wp-content/themes/echofolio/css/../fonts/koh-santepheap-v11-latin-300.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Koh";font-style:normal;font-weight:400;src:url(https://test.david-peyron.com/wp-content/themes/echofolio/css/../fonts/koh-santepheap-v11-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Koh";font-style:normal;font-weight:700;src:url(https://test.david-peyron.com/wp-content/themes/echofolio/css/../fonts/koh-santepheap-v11-latin-700.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Koh";font-style:normal;font-weight:900;src:url(https://test.david-peyron.com/wp-content/themes/echofolio/css/../fonts/koh-santepheap-v11-latin-900.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Caslon";font-style:normal;font-weight:400;src:url(https://test.david-peyron.com/wp-content/themes/echofolio/css/../fonts/libre-caslon-text-v5-latin-regular.woff2) format("woff2")}@keyframes rotate{0%{transform:rotate3d(0,1,0,0deg)}100%{transform:rotate3d(0,1,0,-360deg)}}@keyframes modalSlideIn{0%{transform:translateX(-200%)}100%{transform:translateX(0%)}}@keyframes opacitymodal{10%{background:rgb(255 255 255 / .07)}25%{background:rgb(255 255 255 / .07)}50%{background:rgb(255 255 255 / .28)}75%{background:rgb(255 255 255 / .39)}100%{background:rgb(255 255 255 / .59)}}@keyframes reverseopacitymodal{10%{background:rgb(255 255 255 / .59)}25%{background:rgb(255 255 255 / .39)}50%{background:rgb(255 255 255 / .28)}75%{background:rgb(255 255 255 / .07)}100%{background:rgb(255 255 255 / .07)}}@keyframes modalSlideOut{from{transform:translateX(0%)}to{transform:translateX(-200%)}}@keyframes popIn{0%{opacity:0;transform:scale(.1)}25%{opacity:.25;transform:scale(.5)}50%{opacity:.5;transform:scale(.8)}75%{opacity:.75;transform:scale(1.1)}100%{opacity:1;transform:scale(1)}}@keyframes title-appear{0%{opacity:0;transform:scale(0)}50%{opacity:.5;transform:scale(.5)}100%{opacity:1;transform:scale(1)}}@keyframes deploy-info{0%{height:23vh;@media screen and (max-width:700px){height:23vh}}100%{height:46vh;@media screen and (max-width:700px){height:23vh}}}@keyframes deploy-info-phone{0%{width:50vw;height:30vh}100%{width:50vw;height:30vh}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes side-button{0%{opacity:100px;transform:30pc}50%{width:110px;height:40px}100%{width:120px;height:50px}}@keyframes fade-in-bar{0%{opacity:0}50%{opacity:.25}100%{opacity:.5}}.modal{display:none;z-index:8;margin:auto;width:597px;height:769px;position:fixed;top:0;left:25%;animation:modalSlideIn 0.8s ease-out forwards}.modal.fade-out{animation:modalSlideOut 0.8s ease-in}@media screen and (max-width:700px){.modal{top:20%;width:286px;height:583px}}.modal-content{margin:0 auto;border-radius:16px;background:rgb(255 255 255 / .07);box-shadow:0 4px 30px rgb(0 0 0 / .1);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgb(255 255 255 / .69);margin:15% auto;padding:20px;width:100%;height:100%;overflow:hidden;position:relative;animation:opacitymodal 0.7s ease-in-out forwards}.modal-content:hover{animation:opacitymodal 0.7s ease-in-out forwards}.modal-content:not(:hover){animation:reverseopacitymodal 0.7s ease-in-out forwards}.modal-content .modal_form_wrapper{margin:0 auto;width:100%;flex-direction:column;padding-top:2em}@media screen and (max-width:700px){.modal-content .modal_form_wrapper{padding-top:1em}}.modal-content .modal_form_wrapper .modal__form__text{font-family:koh;font-size:1em;font-weight:600!important;color:#10102d;padding-bottom:.32em;padding-top:1.5em}@media screen and (max-width:700px){.modal-content .modal_form_wrapper .modal__form__text{padding-top:.6em}}.modal-content .modal_form_wrapper .modal__user__field{border-radius:10px;box-shadow:0 4px 30px rgb(0 0 0 / .1);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgb(255 255 255 / .69);animation:opacitymodal 0.7s ease forwards;width:100%;height:35px}.modal-content .modal_form_wrapper #modal__user__message{height:210px}@media screen and (max-width:700px){.modal-content .modal_form_wrapper #modal__user__message{height:149px}}.modal-content .modal_form_wrapper #modal__user__button{margin-top:2em;background-color:#fff0;background-image:url(https://test.david-peyron.com/wp-content/themes/echofolio/css/../img/mail-icon.png);background-size:cover;background-repeat:no-repeat;height:100px;width:100px;font-family:koh!important;font-size:1em!important;font-weight:600!important;color:#fff;filter:drop-shadow(3px 12px 11px #000000);transition:transform 0.5s ease-out;margin-left:2.5em}.modal-content .modal_form_wrapper #modal__user__button:hover{transform:scale(1.3) perspective(100px) rotateX(20deg)}@media screen and (max-width:700px){.modal-content .modal_form_wrapper #modal__user__button{margin-top:1em;width:190px;height:80px;width:80px;margin-left:4em}}.wrapper_modal_button p{display:flex;justify-content:center;align-items:center}@font-face{font-display:swap;font-family:"Koh";font-style:normal;font-weight:100;src:url(https://test.david-peyron.com/wp-content/themes/echofolio/css/../fonts/koh-santepheap-v11-latin-100.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Koh";font-style:normal;font-weight:300;src:url(https://test.david-peyron.com/wp-content/themes/echofolio/css/../fonts/koh-santepheap-v11-latin-300.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Koh";font-style:normal;font-weight:400;src:url(https://test.david-peyron.com/wp-content/themes/echofolio/css/../fonts/koh-santepheap-v11-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Koh";font-style:normal;font-weight:700;src:url(https://test.david-peyron.com/wp-content/themes/echofolio/css/../fonts/koh-santepheap-v11-latin-700.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Koh";font-style:normal;font-weight:900;src:url(https://test.david-peyron.com/wp-content/themes/echofolio/css/../fonts/koh-santepheap-v11-latin-900.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Caslon";font-style:normal;font-weight:400;src:url(https://test.david-peyron.com/wp-content/themes/echofolio/css/../fonts/libre-caslon-text-v5-latin-regular.woff2) format("woff2")}@keyframes rotate{0%{transform:rotate3d(0,1,0,0deg)}100%{transform:rotate3d(0,1,0,-360deg)}}@keyframes modalSlideIn{0%{transform:translateX(-200%)}100%{transform:translateX(0%)}}@keyframes opacitymodal{10%{background:rgb(255 255 255 / .07)}25%{background:rgb(255 255 255 / .07)}50%{background:rgb(255 255 255 / .28)}75%{background:rgb(255 255 255 / .39)}100%{background:rgb(255 255 255 / .59)}}@keyframes reverseopacitymodal{10%{background:rgb(255 255 255 / .59)}25%{background:rgb(255 255 255 / .39)}50%{background:rgb(255 255 255 / .28)}75%{background:rgb(255 255 255 / .07)}100%{background:rgb(255 255 255 / .07)}}@keyframes modalSlideOut{from{transform:translateX(0%)}to{transform:translateX(-200%)}}@keyframes popIn{0%{opacity:0;transform:scale(.1)}25%{opacity:.25;transform:scale(.5)}50%{opacity:.5;transform:scale(.8)}75%{opacity:.75;transform:scale(1.1)}100%{opacity:1;transform:scale(1)}}@keyframes title-appear{0%{opacity:0;transform:scale(0)}50%{opacity:.5;transform:scale(.5)}100%{opacity:1;transform:scale(1)}}@keyframes deploy-info{0%{height:23vh;@media screen and (max-width:700px){height:23vh}}100%{height:46vh;@media screen and (max-width:700px){height:23vh}}}@keyframes deploy-info-phone{0%{width:50vw;height:30vh}100%{width:50vw;height:30vh}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes side-button{0%{opacity:100px;transform:30pc}50%{width:110px;height:40px}100%{width:120px;height:50px}}@keyframes fade-in-bar{0%{opacity:0}50%{opacity:.25}100%{opacity:.5}}.tool__modal{width:70%!important;height:70%!important;bottom:0;left:1px}@media screen and (max-width:700px){.tool__modal{height:100%!important;top:0;margin-bottom:10em}}.tool__modal .modal-content{display:flex;justify-content:center;align-items:center;flex-flow:wrap row;background:#fff0;box-shadow:none;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);border:1px solid #fff0;gap:1em}.tool__modal .modal-content:hover,.tool__modal .modal-content:not(:hover){animation:none}.tool__modal .modal-content .software-wrapper{width:200px;height:200px;overflow:hidden;background:rgb(255 255 255 / .18);box-shadow:0 4px 30px rgb(0 0 0 / .1);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border:1px solid rgb(255 255 255 / .78);border-radius:100px}.tool__modal .modal-content .software-wrapper img{height:100%;width:100%;object-fit:cover}@media screen and (max-width:920px){.tool__modal .modal-content .software-wrapper{width:180px;height:180px;border-radius:90px}}@media screen and (max-width:700px){.tool__modal .modal-content .software-wrapper{width:150px;height:150px;border-radius:75px}}.effet__rotation__3d{width:50px;height:50px;border-radius:50%;animation:rotate 4s linear infinite}.pop-in{animation:popIn 0.5s ease-out forwards}.post-left{animation:modalSlideIn 0.8s ease-out forwards}.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;padding:0;border:0;word-wrap:normal!important}.wpcf7 form .wpcf7-response-output{margin:2em .5em 1em;padding:.2em 1em;border:2px solid #00a0d2}.wpcf7 form.init .wpcf7-response-output,.wpcf7 form.resetting .wpcf7-response-output,.wpcf7 form.submitting .wpcf7-response-output{display:none}.wpcf7 form.sent .wpcf7-response-output{border-color:#46b450}.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output{border-color:#dc3232}.wpcf7 form.spam .wpcf7-response-output{border-color:#f56e28}.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output{border-color:#ffb900}.wpcf7-form-control-wrap{position:relative}.wpcf7-not-valid-tip{color:#dc3232;font-size:1em;font-weight:400;display:block}.use-floating-validation-tip .wpcf7-not-valid-tip{position:relative;top:-2ex;left:1em;z-index:100;border:1px solid #dc3232;background:#fff;padding:.2em .8em;width:24em}.wpcf7-list-item{display:inline-block;margin:0 0 0 1em}.wpcf7-list-item-label::before,.wpcf7-list-item-label::after{content:" "}.wpcf7-spinner{visibility:hidden;display:inline-block;background-color:#23282d;opacity:.75;width:24px;height:24px;border:none;border-radius:100%;padding:0;margin:0 24px;position:relative}form.submitting .wpcf7-spinner{visibility:visible}.wpcf7-spinner::before{content:'';position:absolute;background-color:#fbfbfc;top:4px;left:4px;width:6px;height:6px;border:none;border-radius:100%;transform-origin:8px 8px;animation-name:spin;animation-duration:1000ms;animation-timing-function:linear;animation-iteration-count:infinite}@media (prefers-reduced-motion:reduce){.wpcf7-spinner::before{animation-name:blink;animation-duration:2000ms}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes blink{from{opacity:0}50%{opacity:1}to{opacity:0}}.wpcf7 [inert]{opacity:.5}.wpcf7 input[type="file"]{cursor:pointer}.wpcf7 input[type="file"]:disabled{cursor:default}.wpcf7 .wpcf7-submit:disabled{cursor:not-allowed}.wpcf7 input[type="url"],.wpcf7 input[type="email"],.wpcf7 input[type="tel"]{direction:ltr}.wpcf7-reflection>output{display:list-item;list-style:none}.wpcf7-reflection>output[hidden]{display:none}