@-webkit-keyframes fadein-header{0%{opacity:0;-webkit-transform:translateY(-70px);transform:translateY(-70px)}50%{opacity:0}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadein-header{0%{opacity:0;-webkit-transform:translateY(-70px);transform:translateY(-70px)}50%{opacity:0}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}header{align-items:center;height:5%;left:0;min-height:50px;position:fixed;top:0;width:100%;z-index:100}header,header ul{display:flex;flex-direction:row;justify-content:center}header ul{-webkit-animation:fadein-header 1.2s ease-in-out;animation:fadein-header 1.2s ease-in-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--header-back);border-radius:30px;gap:30px;list-style:none;margin:0;padding:10px 30px}header ul li{color:var(--second-color);cursor:pointer;text-decoration:none;transition:all .3s}header ul li:hover{color:var(--second-color-selected)}header ul li.selected{color:var(--main-color)}header ul li.selected:hover{color:var(--main-color-selected)}header .dark-mode-button{height:3vh;position:absolute;right:25px;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:3vh}@media(max-width:650px){header .dark-mode-button{bottom:5px;position:fixed;right:5px}}header .dark-mode-button #sun{opacity:0}header .dark-mode-button:hover{cursor:pointer;-webkit-transform:scale(1.3);transform:scale(1.3)}header .dark-mode-button img{height:3vh;position:absolute;transition:all .5s;width:3vh}.dark #sun{opacity:1!important}.dark #moon{opacity:0!important}.main-info{align-items:center;display:flex;flex-direction:column;gap:25px;height:100vh;justify-content:center;margin-bottom:-50px;min-height:700px;width:100%}.main-info em{font-style:normal;font-weight:700}.main-info>*{-webkit-animation:fadein 1s forwards;animation:fadein 1s forwards;opacity:0}.main-info>:first-child{-webkit-animation-delay:.2s;animation-delay:.2s}.main-info>:nth-child(2){-webkit-animation-delay:.4s;animation-delay:.4s}.main-info>:nth-child(3){-webkit-animation-delay:.6s;animation-delay:.6s}.main-info .tittle{align-items:center;display:flex;flex:1 1;flex-direction:row;height:22%;justify-content:center;max-height:220px;width:100%}.main-info .tittle .name{border-right:5px solid var(--main-color);display:flex;flex-direction:column;font-family:RedHatBold;font-size:4vh;height:100%;justify-content:center;padding-right:20px;text-align:end}@media(max-height:550px){.main-info .tittle .name{font-size:1.4em}}@media(min-height:1000px){.main-info .tittle .name{font-size:2.2em}}.main-info .tittle .name h1{margin:0}.main-info .tittle img{height:100%}.main-info p{font-size:larger;text-align:center}.main-info .buttons{display:flex;flex-direction:row;gap:50px;justify-content:center}@media(max-width:650px){.main-info .tittle{flex-direction:column-reverse;gap:10px;height:50%;max-height:350px}.main-info .tittle .name{border-right:none;font-size:1.5em;padding:0;text-align:center}.main-info p{font-size:1.5em}.main-info .buttons{flex-direction:column;gap:15px}}.button{background:var(--main-color);border:0;border:1px solid var(--main-color);border-radius:25px;box-shadow:0 0 10px rgba(0,0,0,.13);box-sizing:border-box;font-family:RedHatBold;font-size:100%;padding:10px 35px;text-align:center;text-shadow:0 0 10px rgba(0,0,0,.13);text-transform:uppercase;transition:all .5s}.button,.button a{color:#fff;text-decoration:none}.button.second{background:transparent;color:var(--second-color)}.button:hover{background:var(--main-color-selected-light);color:#fff;cursor:pointer}.button:active{border:1px solid #fff;text-shadow:0 0 10px hsla(0,0%,100%,.13);transition:all 0s}.view{opacity:0;transition:opacity .3s ease-in-out}.view.visible{opacity:1}.about{align-items:center;background:linear-gradient(var(--main-color),var(--main-fade));border-radius:35px;box-shadow:0 0 10px rgba(0,0,0,.164);color:#fff;display:flex;flex-direction:column;font-size:1.1em;max-width:700px;padding:20px 80px;text-align:center;text-shadow:0 0 10px rgba(0,0,0,.13);width:calc(100% - 160px)}@media(max-width:650px){.about{padding:20px 25px;width:calc(100% - 50px)}}.about .moi{background-image:url(/static/media/moi.f832d327b47eba3cd762.png);background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,.164);height:170px;width:170px}.about .moi:after{background:linear-gradient(0deg,rgba(41,41,41,.073),hsla(0,0%,100%,0));border-radius:50%;content:"";display:block;height:100%;width:100%}.about h2{font-weight:400}.about em{font-style:normal;font-weight:bolder}.about .desc{margin:1em}.about p{margin:0}.dark .about{background:var(--dark-green);color:var(--dark-light)}.skills>div{align-items:stretch;display:flex;flex-direction:row;justify-content:space-between}.skills>div .skill-pan{background-color:var(--background-black);border-radius:25px;box-shadow:0 0 10px rgba(0,0,0,.2);color:#fff;font-family:RedhatLight;padding:10px;position:relative;transition:background-color .3s;width:30%}.skills>div .skill-pan h3{font-size:150%;font-weight:lighter;letter-spacing:.3em;text-transform:lowercase;transition:all .5s}.skills>div .skill-pan:hover{background-color:var(--background-fade)}.skills>div .skill-pan:hover h3{color:var(--main-color);letter-spacing:.1em}.skills>div .skill-pan .skill{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:10px}.skills>div .skill-pan .skill .data{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:center;margin:5px;width:100%}.skills>div .skill-pan .skill .data p{margin:0}.skills>div .skill-pan .skill .data .icon{height:auto;width:10%}.skills>div .skill-pan .skill .data .icon svg{fill:#fff;width:100%}.skills>div .skill-pan .skill:nth-child(odd)>.data{flex-direction:row-reverse}.skills>div .skill-pan .skill .level{background-color:hsla(0,0%,100%,.034);border-radius:10px;height:6px;opacity:0;transition:opacity .5s;width:50%}.skills>div .skill-pan .skill .level:after{background-color:var(--main-color);border-radius:10px;content:"";display:block;height:100%;transition:width .5s;width:0}.skills>div .skill-pan .skill:hover .level{opacity:1}.skills>div .skill-pan .skill:hover .level:after{width:var(--l)}@media(max-width:650px){.skills>div{align-items:center;flex-direction:column;gap:20px}.skills>div .skill-pan{width:70%}}.skills.visible .skill-pan h3{-webkit-animation:loading 1s ease-out;animation:loading 1s ease-out}@-webkit-keyframes loading{0%{letter-spacing:.1em}to{letter-spacing:.3em}}@keyframes loading{0%{letter-spacing:.1em}to{letter-spacing:.3em}}.skills.visible .skill-pan .skill:first-child{-webkit-animation:loadingskill .5s ease-out 0s both;animation:loadingskill .5s ease-out 0s both}@-webkit-keyframes loadingskill{0%{opacity:0;-webkit-transform:translateY(55px);transform:translateY(55px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.skills.visible .skill-pan .skill:nth-child(2){-webkit-animation:loadingskill .5s ease-out .3s both;animation:loadingskill .5s ease-out .3s both}.skills.visible .skill-pan .skill:nth-child(3){-webkit-animation:loadingskill .5s ease-out .6s both;animation:loadingskill .5s ease-out .6s both}.skills.visible .skill-pan .skill:nth-child(4){-webkit-animation:loadingskill .5s ease-out .9s both;animation:loadingskill .5s ease-out .9s both}.skills.visible .skill-pan .skill:nth-child(5){-webkit-animation:loadingskill .5s ease-out 1.2s both;animation:loadingskill .5s ease-out 1.2s both}.skills.visible .skill-pan .skill:nth-child(6){-webkit-animation:loadingskill .5s ease-out 1.5s both;animation:loadingskill .5s ease-out 1.5s both}.skills.visible .skill-pan .skill:nth-child(7){-webkit-animation:loadingskill .5s ease-out 1.8s both;animation:loadingskill .5s ease-out 1.8s both}.skills.visible .skill-pan .skill:nth-child(8){-webkit-animation:loadingskill .5s ease-out 2.1s both;animation:loadingskill .5s ease-out 2.1s both}.skills.visible .skill-pan .skill:nth-child(9){-webkit-animation:loadingskill .5s ease-out 2.4s both;animation:loadingskill .5s ease-out 2.4s both}.skills.visible .skill-pan .skill:nth-child(10){-webkit-animation:loadingskill .5s ease-out 2.7s both;animation:loadingskill .5s ease-out 2.7s both}.skills.visible .skill-pan .skill:nth-child(11){-webkit-animation:loadingskill .5s ease-out 3s both;animation:loadingskill .5s ease-out 3s both}.skills.visible .skill-pan .skill:nth-child(12){-webkit-animation:loadingskill .5s ease-out 3.3s both;animation:loadingskill .5s ease-out 3.3s both}.skills.visible .skill-pan .skill:nth-child(13){-webkit-animation:loadingskill .5s ease-out 3.6s both;animation:loadingskill .5s ease-out 3.6s both}.skills.visible .skill-pan .skill:nth-child(14){-webkit-animation:loadingskill .5s ease-out 3.9s both;animation:loadingskill .5s ease-out 3.9s both}.skills.visible .skill-pan .skill:nth-child(15){-webkit-animation:loadingskill .5s ease-out 4.2s both;animation:loadingskill .5s ease-out 4.2s both}.skills.visible .skill-pan .skill:nth-child(16){-webkit-animation:loadingskill .5s ease-out 4.5s both;animation:loadingskill .5s ease-out 4.5s both}.skills.visible .skill-pan .skill:nth-child(17){-webkit-animation:loadingskill .5s ease-out 4.8s both;animation:loadingskill .5s ease-out 4.8s both}.skills.visible .skill-pan .skill:nth-child(18){-webkit-animation:loadingskill .5s ease-out 5.1s both;animation:loadingskill .5s ease-out 5.1s both}.skills.visible .skill-pan .skill:nth-child(19){-webkit-animation:loadingskill .5s ease-out 5.4s both;animation:loadingskill .5s ease-out 5.4s both}.skills.visible .skill-pan .skill:nth-child(20){-webkit-animation:loadingskill .5s ease-out 5.7s both;animation:loadingskill .5s ease-out 5.7s both}@keyframes loadingskill{0%{opacity:0;-webkit-transform:translateY(55px);transform:translateY(55px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.skills>button{margin:1em}.basic-box{max-width:860px;text-align:center;width:100%}.basic-box h2{font-family:RedhatBold;text-transform:uppercase}.basic-box h2 em{color:var(--main-color);font-style:normal}.basic-box h3{text-transform:uppercase}.link{cursor:pointer;height:auto;opacity:1;transition:opacity .3s;width:15px}.link:hover{opacity:.3}.img{bottom:0;height:100%;left:0;position:absolute;right:0;top:0}.img .img-content{height:100%;position:relative;width:100%}.img .img-content .img-list{display:flex;flex-direction:row;height:100%;margin-left:calc(-100%*var(--selected));transition:margin-left .8s cubic-bezier(.69,.01,.5,.99);width:100%}.img .img-content .img-list img.back{height:100%;min-width:100%;object-fit:cover;object-position:top;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s,-webkit-filter .3s;width:100%}.img .img-content .arrow{bottom:0;color:hsla(0,0%,82%,.74);cursor:pointer;height:2vh;margin:auto;position:absolute;top:0;transition:color .3s,opacity .7s;width:2vh;z-index:10}.img .img-content .arrow.left{left:1%}.img .img-content .arrow.right{right:1%}.img .img-content .arrow:hover{color:#fafafa}.img .img-content .arrow.hide{opacity:0;transition:color .3s,visibility 0s .7s,opacity .7s;visibility:hidden}.img .img-content span.overlay:before{background:linear-gradient(0deg,rgba(62,61,79,.737),rgba(62,61,79,.529));content:"";inset:0;position:absolute}.works>.works-list-fav{display:flex;flex-direction:column-reverse;height:calc(200px*var(--nb));margin-top:-30px}.works>.works-list-fav .work{height:calc(100%/var(--nb));padding-top:30px;transition-duration:.3s;transition-property:all;transition-timing-function:ease-in-out}.works>.works-list-fav .work .item{align-items:center;background-position:top;background-repeat:no-repeat;background-size:cover;border-radius:20px;box-shadow:0 0 10px rgba(0,0,0,.377);color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.works>.works-list-fav .work .item .info,.works>.works-list-fav .work .item h4{transition:opacity .4s,height .4s;z-index:3}.works>.works-list-fav .work .item h4{font-family:RedhatBold;height:1.2em;margin:0;text-transform:uppercase}.works>.works-list-fav .work .item .img img.back{-webkit-filter:grayscale(1);filter:grayscale(1)}.works>.works-list-fav .work .item .img .arrows{opacity:0;transition:opacity .4s}.works>.works-list-fav .work .item .img span.overlay:after{background-color:var(--main-color);content:"";inset:0;opacity:.4;position:absolute;transition:opacity .6s}.works>.works-list-fav .work .item svg.link{fill:#fff;bottom:20px;position:absolute;right:20px}.works>.works-list-fav .work .info{align-items:center;display:flex;flex-direction:column;height:0%;justify-content:center;margin:0;opacity:0;overflow:hidden;width:100%}.works>.works-list-fav .work .info p{margin:0;max-height:calc(100% - 40px);width:94%}.works>.works-list-fav .work .info ul{justify-content:center;margin:0;transition:margin .3s}.works>.works-list-fav .work:hover{height:60%}.works>.works-list-fav .work:hover .info{height:70%;opacity:1}.works>.works-list-fav .work:hover .info ul{margin-top:1em}.works>.works-list-fav .work:hover .item .img .arrows,.works>.works-list-fav .work:hover h4{opacity:1}.works>.works-list-fav .work:hover .item .img img.back{-webkit-filter:grayscale(0);filter:grayscale(0)}.works>.works-list-fav .work:hover .item .img span.overlay:after{opacity:0}.works>.works-list-fav .work:last-child{height:60%}.works>.works-list-fav .work:hover~.work:last-child{height:calc(100%/var(--nb))}.works>.works-list-fav.visible .work:last-child{-webkit-animation:loadingWork .5s ease-out 0s both;animation:loadingWork .5s ease-out 0s both}@-webkit-keyframes loadingWork{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}60%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.works>.works-list-fav.visible .work:nth-last-child(2){-webkit-animation:loadingWork .5s ease-out .3s both;animation:loadingWork .5s ease-out .3s both}.works>.works-list-fav.visible .work:nth-last-child(3){-webkit-animation:loadingWork .5s ease-out .6s both;animation:loadingWork .5s ease-out .6s both}.works>.works-list-fav.visible .work:nth-last-child(4){-webkit-animation:loadingWork .5s ease-out .9s both;animation:loadingWork .5s ease-out .9s both}.works>.works-list-fav.visible .work:nth-last-child(5){-webkit-animation:loadingWork .5s ease-out 1.2s both;animation:loadingWork .5s ease-out 1.2s both}.works>.works-list-fav.visible .work:nth-last-child(6){-webkit-animation:loadingWork .5s ease-out 1.5s both;animation:loadingWork .5s ease-out 1.5s both}.works>.works-list-fav.visible .work:nth-last-child(7){-webkit-animation:loadingWork .5s ease-out 1.8s both;animation:loadingWork .5s ease-out 1.8s both}.works>.works-list-fav.visible .work:nth-last-child(8){-webkit-animation:loadingWork .5s ease-out 2.1s both;animation:loadingWork .5s ease-out 2.1s both}.works>.works-list-fav.visible .work:nth-last-child(9){-webkit-animation:loadingWork .5s ease-out 2.4s both;animation:loadingWork .5s ease-out 2.4s both}.works>.works-list-fav.visible .work:nth-last-child(10){-webkit-animation:loadingWork .5s ease-out 2.7s both;animation:loadingWork .5s ease-out 2.7s both}.works>.works-list-fav.visible .work:nth-last-child(11){-webkit-animation:loadingWork .5s ease-out 3s both;animation:loadingWork .5s ease-out 3s both}.works>.works-list-fav.visible .work:nth-last-child(12){-webkit-animation:loadingWork .5s ease-out 3.3s both;animation:loadingWork .5s ease-out 3.3s both}.works>.works-list-fav.visible .work:nth-last-child(13){-webkit-animation:loadingWork .5s ease-out 3.6s both;animation:loadingWork .5s ease-out 3.6s both}.works>.works-list-fav.visible .work:nth-last-child(14){-webkit-animation:loadingWork .5s ease-out 3.9s both;animation:loadingWork .5s ease-out 3.9s both}.works>.works-list-fav.visible .work:nth-last-child(15){-webkit-animation:loadingWork .5s ease-out 4.2s both;animation:loadingWork .5s ease-out 4.2s both}.works>.works-list-fav.visible .work:nth-last-child(16){-webkit-animation:loadingWork .5s ease-out 4.5s both;animation:loadingWork .5s ease-out 4.5s both}.works>.works-list-fav.visible .work:nth-last-child(17){-webkit-animation:loadingWork .5s ease-out 4.8s both;animation:loadingWork .5s ease-out 4.8s both}.works>.works-list-fav.visible .work:nth-last-child(18){-webkit-animation:loadingWork .5s ease-out 5.1s both;animation:loadingWork .5s ease-out 5.1s both}.works>.works-list-fav.visible .work:nth-last-child(19){-webkit-animation:loadingWork .5s ease-out 5.4s both;animation:loadingWork .5s ease-out 5.4s both}.works>.works-list-fav.visible .work:nth-last-child(20){-webkit-animation:loadingWork .5s ease-out 5.7s both;animation:loadingWork .5s ease-out 5.7s both}.works>.works-list{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));position:relative}.works>.works-list .work{background-color:var(--bg-varient);border:1px solid var(--border);border-radius:15px;box-shadow:0 0 10px rgba(0,0,0,.12);box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;height:100%;padding:7%;text-align:left;transition:background-color .3s,-webkit-transform .3s;transition:background-color .3s,transform .3s;transition:background-color .3s,transform .3s,-webkit-transform .3s}.works>.works-list .work .header{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.works>.works-list .work .header .folder{color:var(--main-color);transition:color .3s;width:2em}.works>.works-list .work .header svg.link{fill:var(--second-color);transition:fill .3s}.works>.works-list .work h3{font-family:RedhatBold;font-size:100%;margin:1em 0 0;text-transform:uppercase;transition:all .3s}.works>.works-list .work p{margin:0}.works>.works-list .work:hover{background-color:var(--bg-varient-hover);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.works>.works-list .work:hover h3{color:var(--main-color)}@media(max-width:650px){.works>.works-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.works>.works-list.visible .item:first-child{-webkit-animation:loadingWork .5s ease-out 0s backwards;animation:loadingWork .5s ease-out 0s backwards}.works>.works-list.visible .item:nth-child(2){-webkit-animation:loadingWork .5s ease-out .3s backwards;animation:loadingWork .5s ease-out .3s backwards}.works>.works-list.visible .item:nth-child(3){-webkit-animation:loadingWork .5s ease-out .6s backwards;animation:loadingWork .5s ease-out .6s backwards}.works>.works-list.visible .item:nth-child(4){-webkit-animation:loadingWork .5s ease-out .9s backwards;animation:loadingWork .5s ease-out .9s backwards}.works>.works-list.visible .item:nth-child(5){-webkit-animation:loadingWork .5s ease-out 1.2s backwards;animation:loadingWork .5s ease-out 1.2s backwards}.works>.works-list.visible .item:nth-child(6){-webkit-animation:loadingWork .5s ease-out 1.5s backwards;animation:loadingWork .5s ease-out 1.5s backwards}.works>.works-list.visible .item:nth-child(7){-webkit-animation:loadingWork .5s ease-out 1.8s backwards;animation:loadingWork .5s ease-out 1.8s backwards}.works>.works-list.visible .item:nth-child(8){-webkit-animation:loadingWork .5s ease-out 2.1s backwards;animation:loadingWork .5s ease-out 2.1s backwards}.works>.works-list.visible .item:nth-child(9){-webkit-animation:loadingWork .5s ease-out 2.4s backwards;animation:loadingWork .5s ease-out 2.4s backwards}.works>.works-list.visible .item:nth-child(10){-webkit-animation:loadingWork .5s ease-out 2.7s backwards;animation:loadingWork .5s ease-out 2.7s backwards}.works>.works-list.visible .item:nth-child(11){-webkit-animation:loadingWork .5s ease-out 3s backwards;animation:loadingWork .5s ease-out 3s backwards}.works>.works-list.visible .item:nth-child(12){-webkit-animation:loadingWork .5s ease-out 3.3s backwards;animation:loadingWork .5s ease-out 3.3s backwards}.works>.works-list.visible .item:nth-child(13){-webkit-animation:loadingWork .5s ease-out 3.6s backwards;animation:loadingWork .5s ease-out 3.6s backwards}.works>.works-list.visible .item:nth-child(14){-webkit-animation:loadingWork .5s ease-out 3.9s backwards;animation:loadingWork .5s ease-out 3.9s backwards}.works>.works-list.visible .item:nth-child(15){-webkit-animation:loadingWork .5s ease-out 4.2s backwards;animation:loadingWork .5s ease-out 4.2s backwards}.works>.works-list.visible .item:nth-child(16){-webkit-animation:loadingWork .5s ease-out 4.5s backwards;animation:loadingWork .5s ease-out 4.5s backwards}.works>.works-list.visible .item:nth-child(17){-webkit-animation:loadingWork .5s ease-out 4.8s backwards;animation:loadingWork .5s ease-out 4.8s backwards}.works>.works-list.visible .item:nth-child(18){-webkit-animation:loadingWork .5s ease-out 5.1s backwards;animation:loadingWork .5s ease-out 5.1s backwards}.works>.works-list.visible .item:nth-child(19){-webkit-animation:loadingWork .5s ease-out 5.4s backwards;animation:loadingWork .5s ease-out 5.4s backwards}.works>.works-list.visible .item:nth-child(20){-webkit-animation:loadingWork .5s ease-out 5.7s backwards;animation:loadingWork .5s ease-out 5.7s backwards}@keyframes loadingWork{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}60%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.work ul.tech{display:flex;flex-direction:row;flex-wrap:wrap;font-family:Fira Code;font-size:75%;gap:0 1.5em;list-style:none;margin:2em 0 0;opacity:.6;overflow:hidden;padding:0 0 3px;width:100%}.detail{align-items:center;-webkit-animation:entree .7s ease-out;animation:entree .7s ease-out;background-color:hsla(0,0%,9%,.56);border-radius:15px;bottom:0;display:flex;justify-content:center;left:0;margin:auto;position:fixed;right:0;top:0;transition:opacity .7s ease-in,-webkit-transform .7s ease-in;transition:opacity .7s ease-in,transform .7s ease-in;transition:opacity .7s ease-in,transform .7s ease-in,-webkit-transform .7s ease-in;z-index:10}@-webkit-keyframes entree{0%{opacity:0}to{opacity:1}}@keyframes entree{0%{opacity:0}to{opacity:1}}.detail.hide{opacity:0}.detail .content{border-radius:15px;box-shadow:0 0 10px rgba(0,0,0,.12);box-shadow:0 10px 36px 0 rgba(0,0,0,.16),0 0 0 1px rgba(0,0,0,.06);height:70%;max-height:500px;overflow:hidden;position:relative;width:80%}.detail .content .img{z-index:0}.detail .content .img span.overlay:before{background:linear-gradient(0deg,rgba(62,61,79,.24),rgba(62,61,79,.13));content:"";inset:0;position:absolute}.detail .content .img .arrow{color:var(--second-color)}.detail .content .close-icon{color:#fff;cursor:pointer;height:2.3vh;position:absolute;right:3%;top:3%;transition:opacity .2s,-webkit-transform .2s;transition:opacity .2s,transform .2s;transition:opacity .2s,transform .2s,-webkit-transform .2s;width:2.3vh;z-index:10}.detail .content .close-icon:hover{opacity:.6;-webkit-transform:scale(1.3);transform:scale(1.3)}@-webkit-keyframes fadein{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadein{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.contact>div .contact-ways{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:center;margin-bottom:30px}.contact>div .contact-ways .contact-card{align-items:center;background-color:var(--background-black);border-radius:25px;box-shadow:0 0 10px rgba(0,0,0,.2);color:#fff;display:flex;flex-direction:column;font-family:RedhatLight;gap:5px;padding:10px;transition:background-color .3s;width:100%}.contact>div .contact-ways .contact-card>*{margin:0}.contact>div .contact-ways .contact-card:hover{background-color:var(--background-fade)}.contact>div .contact-ways .contact-card svg{fill:#fff;height:1.2em;margin:10px 0;width:auto}.contact>div .contact-ways .contact-card h3{font-weight:lighter}.contact>div .contact-ways .contact-card p{opacity:.65}.contact>div .contact-ways .contact-card a{color:var(--main-color);margin:15px 5px 5px;text-decoration:none;transition:color .3s}.contact>div .contact-ways .contact-card a:link,.contact>div .contact-ways .contact-card a:visited{color:var(--main-color)}.contact>div .contact-ways .contact-card a:hover{color:#d9d9d9}@media(max-width:650px){.contact>div .contact-ways{flex-direction:column}}.contact>div .form{align-items:center;display:flex;flex-direction:column;gap:1vh;height:80vh;min-height:400px;transition:height 1s ease-in}.contact>div .form span{position:relative;transition:all .5s;width:100%}.contact>div .form span input,.contact>div .form span textarea{clip:auto;all:initial;-webkit-animation:none 0s ease 0s 1 normal none running;animation:none 0s ease 0s 1 normal none running;-webkit-backface-visibility:visible;backface-visibility:visible;background:transparent none repeat 0 0/auto auto padding-box border-box scroll;background-color:var(--bg-varient)!important;border:1px solid transparent;border-collapse:separate;border-image:none;border-radius:0;border-radius:20px;border-spacing:0;bottom:auto;box-shadow:none;box-shadow:0 0 10px rgba(0,0,0,.05);box-sizing:content-box;caption-side:top;clear:none;color:#000;color:var(--second-color)!important;column-rule:medium none currentColor;-webkit-columns:auto;-webkit-column-count:auto;-webkit-column-fill:balance;column-fill:balance;-webkit-column-gap:normal;column-gap:normal;-webkit-column-rule:medium none currentColor;-webkit-column-span:1;column-span:1;-webkit-column-width:auto;columns:auto;content:normal;counter-increment:none;counter-reset:none;cursor:auto;direction:ltr;display:inline;empty-cells:show;float:none;font-family:serif;font-family:RedhatLight;font-size:medium;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:400;height:auto;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;left:auto;letter-spacing:normal;line-height:normal;list-style:disc none outside;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;opacity:1;orphans:2;outline:medium none invert;overflow:visible;overflow-x:visible;overflow-y:visible;padding:1.5em 15px .5em;page-break-after:auto;page-break-before:auto;page-break-inside:auto;-webkit-perspective:none;perspective:none;-webkit-perspective-origin:50% 50%;perspective-origin:50% 50%;position:static;right:auto;tab-size:8;table-layout:auto;text-align:left;text-align-last:auto;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;top:auto;-webkit-transform:none;transform:none;-webkit-transform-origin:50% 50% 0;transform-origin:50% 50% 0;-webkit-transform-style:flat;transform-style:flat;transition:none 0s ease 0s;transition:all .1s;unicode-bidi:normal;vertical-align:baseline;visibility:visible;white-space:normal;widows:2;width:auto;width:calc(100% - 30px);word-spacing:normal;z-index:auto}.contact>div .form span input:focus~label,.contact>div .form span textarea:focus~label{color:var(--main-color-selected-light)}.contact>div .form span input:hover~label,.contact>div .form span textarea:hover~label{color:var(--main-color)}.contact>div .form span input+label,.contact>div .form span textarea+label{color:#6f797e;cursor:text;left:15px;position:absolute;top:1em;transition:all .5s}.contact>div .form span input:focus,.contact>div .form span textarea:focus{border:1px solid var(--main-color)}.contact>div .form span textarea:not(:-ms-input-placeholder)~label{font-size:smaller;transform:translateY(-.8em)}.contact>div .form span input:focus~label,.contact>div .form span input:not([value=""])~label,.contact>div .form span textarea:focus~label,.contact>div .form span textarea:not(:placeholder-shown)~label{font-size:smaller;-webkit-transform:translateY(-.8em);transform:translateY(-.8em)}.contact>div .form span .contact-error{bottom:0;position:absolute;right:0;width:33%;z-index:10}.contact>div .form span.textarea{flex:1 1}.contact>div .form span textarea{height:calc(100% - 2em);overflow:auto;resize:none}.contact>div .form.pending span{opacity:.3}.contact>div .form .form-error{--red:rgba(255,0,71,.85);align-items:center;-webkit-animation:fadein .5s;animation:fadein .5s;background-color:var(--bg-varient);border-radius:10px;color:var(--second-color);display:flex;flex-direction:row;height:5em;max-width:450px;overflow:hidden;position:relative;transition:all .1s}.contact>div .form .form-error:before{border-left:3px solid var(--red);content:"";height:100%;position:absolute;width:100%}.contact>div .form .form-error svg{fill:var(--red);height:auto;margin:10px 10%;opacity:.85;width:2em}.contact>div .form .form-error>div{width:100%}.contact>div .form .form-error>div p{margin:0;opacity:.7;text-align:left;white-space:nowrap;width:100%}.contact>div .form .form-error>div p.title{color:var(--red);font-weight:bolder;opacity:1}.contact>div .form.already-send{height:10em}.contact>div .form.already-send .already-send{align-items:center;background-color:var(--bg-varient);border:1px solid var(--main-color);border-radius:20px;box-shadow:0 0 10px rgba(0,0,0,.05);color:var(--second-color);display:flex;flex-direction:column;height:100%;justify-content:center}.contact>div .form.already-send .already-send:hover{color:var(--main-color)}@media(max-width:650px){.contact>div .form{font-size:larger}.contact>div .form textarea{height:60vh!important}.contact>div .form .form-error{font-size:smaller}}.contact>div .form button{margin-top:10px;max-width:300px;width:100%}.dark .form-error{--red:rgba(255,17,30,.85)!important}.footer{align-items:center;background-color:var(--bg-varient);display:flex;flex-direction:column;font-family:RedhatLight;gap:10px;justify-content:space-around;margin:20px -25px -25px;padding:10px;width:calc(100% + 30px)}.footer p{margin:0}.footer img{height:4em;width:auto}body{margin:0;overflow-x:hidden}body .app{align-items:center;background:url(/static/media/bg.b2df8f9c9cc455c5025f.png);color:var(--second-color);display:flex;flex-direction:column;font-family:RedHat;gap:50px;padding:25px;position:relative;transition:all .1s}body .app.dark{background-color:var(--dark)}@media(max-width:650px){body .app{font-size:.8em}}@font-face{font-family:Fira Code;src:url(/static/media/FiraCode-Light.910fe317641cda8d1601.ttf)}html{--main-color:#7fd2a0;--main-color-selected-light:#bcdfca;--main-fade:#5bbc82;--main-color-selected:#3a684c;--second-color:#3e3d4f;--second-color-selected:#9e9eb3;--background-black:var(--second-color);--background-fade:#464652;--header-back:#dedee323;--bg-varient:#f1f1f6;--bg-varient-hover:#f8f8fa;--border:#bce1cb;--dark:#182b3c;--dark-bg-varient:#1c3444;--dark-background-black:#0e1c29;--dark-background-fade:#111924;--dark-light:#ecf7ff;--dark-green:#2eac68;--dark-green-fade:#42b176;--dark-green-selected:#246e47;--dark-header-back:#3e3d4f28;--dark-border:var(--main-color-selected);--cursor-color:var(--dark);scroll-behavior:smooth}.app.dark{--main-color:var(--dark-green);--main-color-selected-light:var(--dark-green-selected);--main-fade:var(--dark-green-fade);--second-color:var(--dark-light);--background-black:var(--dark-background-black);--background-fade:var(--dark-background-fade);--header-back:var(--dark-header-back);--bg-varient:var(--dark-bg-varient);--bg-varient-hover:#19303f;--border:var(--dark-border);--cursor-color:var(--second-color)}@font-face{font-family:Redhat;src:url(/static/media/RedHatText-Regular.7e02b1e3db80a04ee1fe.ttf)}@font-face{font-family:RedhatBold;src:url(/static/media/RedHatText-Bold.c611370e4f171e0d73bc.ttf)}@font-face{font-family:RedhatLight;src:url(/static/media/RedHatText-Light.fbf57488ae901c5902c0.ttf)}.admin{display:flex;flex-direction:column;font-family:Redhat;gap:30px;justify-content:flex-start;margin:10px}.admin header{clip:auto;all:initial;align-items:center;-webkit-animation:none 0s ease 0s 1 normal none running;animation:none 0s ease 0s 1 normal none running;-webkit-backface-visibility:visible;backface-visibility:visible;background:transparent none repeat 0 0/auto auto padding-box border-box scroll;background-color:#34568b;border:.5px solid #000;border-collapse:separate;border-image:none;border-radius:0;border-spacing:0;bottom:auto;box-shadow:none;box-sizing:content-box;caption-side:top;clear:none;color:#000;color:#fff;column-rule:medium none currentColor;-webkit-columns:auto;-webkit-column-count:auto;-webkit-column-fill:balance;column-fill:balance;-webkit-column-gap:normal;column-gap:normal;-webkit-column-rule:medium none currentColor;-webkit-column-span:1;column-span:1;-webkit-column-width:auto;columns:auto;content:normal;counter-increment:none;counter-reset:none;cursor:auto;direction:ltr;display:inline;display:flex;empty-cells:show;flex-direction:row;float:none;font-family:serif;font-size:medium;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:400;height:auto;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;justify-content:space-between;left:auto;letter-spacing:normal;line-height:normal;list-style:disc none outside;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;opacity:1;orphans:2;outline:medium none invert;overflow:visible;overflow-x:visible;overflow-y:visible;padding:20px 3%;page-break-after:auto;page-break-before:auto;page-break-inside:auto;-webkit-perspective:none;perspective:none;-webkit-perspective-origin:50% 50%;perspective-origin:50% 50%;position:static;right:auto;tab-size:8;table-layout:auto;text-align:left;text-align-last:auto;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;top:auto;-webkit-transform:none;transform:none;-webkit-transform-origin:50% 50% 0;transform-origin:50% 50% 0;-webkit-transform-style:flat;transform-style:flat;transition:none 0s ease 0s;unicode-bidi:normal;vertical-align:baseline;visibility:visible;white-space:normal;widows:2;width:auto;word-spacing:normal;z-index:auto}.admin header h1{margin:0}.admin .connect-form{align-self:center;display:flex;flex-direction:column;height:50vh;justify-content:center;min-height:150px;width:400px}.admin .connect-form span{display:flex;flex-direction:row;justify-content:space-between}.admin .connect-form button,.admin .connect-form span{margin:3px}.admin .page{display:flex;flex-direction:column;gap:20px}.admin .page .panel{position:relative}.admin .page .panel.pending:before{align-items:center;background-color:rgba(0,0,0,.56);bottom:0;color:#fff;content:"Chargement";display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:3}.admin .page .panel .head{align-items:center;background-color:#34568b;border-left:.5px solid #000;border-right:.5px solid #000;border-top:.5px solid #000;color:#fff;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:3px 3%}.admin .page .panel .head h2{margin:0}.admin .page .panel table{border-collapse:collapse;font-size:.9em;width:100%}.admin .page .panel table thead{background-color:#34568b;color:#fff}.admin .page .panel table tr td,.admin .page .panel table tr th{border:.5px solid #000;overflow:auto;padding:3px}.admin .page .panel table tr td em,.admin .page .panel table tr th em{font-size:60%;font-weight:lighter}.admin .page .panel table tr td.date,.admin .page .panel table tr th.date{text-align:center;width:110px}.admin .page .panel table tr td.message,.admin .page .panel table tr th.message{max-width:none;width:60%}.admin .page .panel table tr td.desc,.admin .page .panel table tr th.desc{max-width:none;width:50%}.admin .page .panel table tr td.img>div,.admin .page .panel table tr th.img>div{display:flex;flex-direction:column}.admin .page .panel table tr td.img>div img,.admin .page .panel table tr th.img>div img{max-width:150px}.admin .page .panel table tr td.img>div img:hover,.admin .page .panel table tr th.img>div img:hover{cursor:pointer;opacity:.8}.admin .page .panel table tr td.control .manager,.admin .page .panel table tr th.control .manager{align-items:center;background-color:rgba(0,0,0,.56);bottom:0;color:#fff;display:flex;flex-direction:column;gap:1vh;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:3}.admin .page .panel table tr td.control .manager .images,.admin .page .panel table tr th.control .manager .images{align-items:center;display:flex;flex-direction:column}.admin .page .panel table tr td.control .manager .images>div,.admin .page .panel table tr th.control .manager .images>div{align-items:center;border:1px solid #fff;display:flex;flex-direction:row;padding:3px}.admin .page .panel table tr td.control .manager .images img,.admin .page .panel table tr th.control .manager .images img{max-width:200px}.admin .page .panel table tr td.control .manager .new,.admin .page .panel table tr th.control .manager .new{align-items:center;border:1px solid #fff;display:flex;flex-direction:row;padding:3px}.admin .page .panel table tr td textarea,.admin .page .panel table tr th textarea{height:100%;margin:0;min-height:7em;resize:none;width:calc(100% - 6px)}.admin .page .panel table tr:nth-child(2n){background-color:#e8e8e8}.admin .page .panel table tr.viewed{opacity:.4}.admin .page .panel h3{background-color:#e8e8e8;border-bottom:.5px solid #000;border-left:.5px solid #000;border-right:.5px solid #000;margin:0;padding:10px 0;text-align:center}
/*# sourceMappingURL=main.22b8593d.css.map*/