@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--electricBlue:#2400ff;--mainFont:"Inter";--adminColor:#e5b018;--hoverTransition:all 0.3s linear}body{background-color:#000;color:#fff;font-family:Inter,sans-serif;font-family:var(--mainFont),sans-serif;overflow:hidden}ul{list-style:none}a{color:inherit;text-decoration:none}.App{display:flex;flex-direction:column;height:100vh;overflow:hidden;width:100vw}.main-container{display:grid;flex:auto;grid-template-rows:-webkit-max-content auto -webkit-max-content;grid-template-rows:max-content auto max-content;margin:auto;max-width:1600px;padding:30px;width:100%}.main-container .content{padding-top:25px}.page-title-container{align-items:end;display:flex;gap:5px}.page-title{font-size:clamp(30px,3vw,45px);font-weight:300;line-height:.8;text-transform:uppercase}.page-data{align-items:end;display:flex;gap:5vw}.page-data>*{flex:1 1}.main-title{font-size:35px;font-weight:300;margin-bottom:10px}.input-container{font-family:sans-serif;font-size:20px;position:relative;width:100%}@media screen and (max-width:850px){.App{display:flex;flex-direction:column;height:100vh;overflow:auto;overflow-x:hidden}.main-container .content{display:flex;flex:auto}.main-container{flex:auto;height:100%;padding:15px;width:100%}.page-title{line-height:1}.page-data>*{flex:auto}}@media screen and (max-width:500px){.page-data{align-items:start;border-left:1px solid #fff;flex-direction:column;padding:10px 5px}.main-container .content{max-height:70vh;overflow:scroll}}#navbar{align-items:start;display:flex;justify-content:space-between}#navbar .nav-logo{cursor:pointer}#navbar .nav-logo h2{font-size:11px;font-weight:400}#navbar .nav-logo img{width:150px}#navbar .options>div{display:flex;font-size:18px;font-weight:300;gap:30px;position:relative}#navbar .options{display:flex}#navbar .options .slash{background-color:#fff;height:110%;transform:rotate(15deg);width:2px}#navbar .mobile-options .selected{display:flex;font-size:20px;position:relative;text-transform:uppercase}#navbar .mobile-options .selected:before{background-color:#fff;content:"";height:100%;left:-15px;position:absolute;transform:rotate(15deg);width:2px}#navbar .mobile-options .selection{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0000001a;border:none;height:100vh;opacity:0;position:fixed;right:0;top:0;transition:all 1s linear;width:100vw;z-index:-4}#navbar .mobile-options .selection.open{opacity:1;z-index:44}#navbar .mobile-options .selection .options{background-color:#000;display:flex;flex-direction:column;gap:25px;height:100%;margin-left:auto;padding:100px 20px;transform:translateX(100%);transition:all .5s linear;width:-webkit-fit-content;width:fit-content}#navbar .mobile-options .selection.open .options{transform:translateX(0)}#info-bar{background-color:var(--electricBlue);overflow:hidden;position:relative;transition:height 1s ease-out;width:100vw}#info-bar.admin-bar{align-items:center;background-color:var(--adminColor);display:flex;gap:15px;justify-content:center}#info-bar.admin-bar .message{color:#000;display:inline-block;font-weight:400;position:inherit;top:inherit;width:-webkit-fit-content;width:fit-content}#info-bar.admin-bar .logoff-btn{background:none;border:none;cursor:pointer;font-size:15px;text-decoration:underline}#info-bar .message{display:flex;font-weight:200;justify-content:space-around;position:absolute;top:5px;width:100%;z-index:-1}#info-bar .message.transition{transition:left 10s linear;z-index:0}#info-bar .message:first-child{left:0}#info-bar .message:nth-child(2){left:100%}#info-bar .message:nth-child(3){left:-100%}.link-btn{align-items:center;cursor:pointer;display:flex;font-weight:200;gap:5px}.link-btn .link-icon{font-size:20px}.link-btn .link-text{font-size:15px;font-weight:200;max-width:0;overflow:hidden;transition:all .5s linear}.link-btn:hover .link-text{max-width:200px}.link-svg{width:20px}.footer-container{border-bottom:1px solid #fff;margin-top:auto;padding:10px 0}@media screen and (max-width:500px){.footer-container{border:none}.page-title-container{align-items:end}.hide{display:none}}.home-container{align-items:end;display:flex;gap:5vw;height:100%;width:100%}.home-container .presentation{flex:2 1;font-size:clamp(30px,3.5vw,65px);text-transform:uppercase}.home-container .objectives{flex:1 1;font-size:clamp(12px,1.5vw,16px)}@media screen and (max-width:850px){.home-container{align-self:end}.home-container .objectives,.home-container .presentation{flex:auto}}@media screen and (max-width:500px){.home-container{flex-direction:column;justify-content:end}.home-container .objectives,.home-container .presentation{flex:none}}.skill-section{display:flex;flex-direction:column;height:100%;justify-content:space-between;width:100%}.skill-content{display:flex;flex:auto;gap:5vw}.skill-content>div{flex:1 1}.skill-section .logo-wrapper>div{grid-gap:25px;align-items:center;display:grid;grid-template-columns:repeat(3,1fr);justify-items:center}.skill-section .logo-container .logo-wrapper{align-self:stretch;border:1px solid #fff;border-radius:15px;flex:auto;max-height:60vh;overflow:scroll;padding:50px}.skill-section .logo-container .logo-wrapper::-webkit-scrollbar{display:none}.skill-section .description-container{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding-top:50px}.skill-section .description-wrapper{display:flex;flex-direction:column;gap:20px;overflow:hidden;text-align:right}.skill-section .description-wrapper>div{opacity:0;transform:translateX(0)}.skill-section .description-wrapper .skill-title{align-items:center;display:flex;gap:.5vw;justify-content:right}.skill-section .description-wrapper .skill-project{display:flex;flex-direction:column;gap:.5vw}.skill-section .description-wrapper .skill-title .svgClass{width:50px}.skill-section .description-wrapper .admin-actions{display:flex;gap:5px;justify-content:right}@media screen and (max-width:850px){.skill-section{height:auto}.skill-content{flex-direction:column;gap:5vw;max-height:80vh;overflow:scroll}.skill-section .description-container{padding:0 0 10px}}@media screen and (max-width:500px){.skill-section .logo-container .logo-wrapper{display:flex;max-height:60vh;overflow:scroll;padding:20px}.skill-section .logo-wrapper>div{display:flex;flex-wrap:nowrap;gap:15px;height:-webkit-fit-content;height:fit-content}.skill-content>div{flex:auto}}.logo-icon{background-repeat:no-repeat;background-size:contain;width:100px}.cls-1,.logo-icon{transition:var(--hoverTransition)}.cls-1{fill:#000}.cls-2{transition:var(--hoverTransition)}.cls-2,.logo-icon.active .cls-1,.logo-icon:hover .cls-1{fill:#fff}.logo-icon.active .cls-2,.logo-icon:hover .cls-2{fill:var(--electricBlue)}@media screen and (max-width:500px){.logo-icon{width:60px}}.admin-modal form{display:flex;flex-direction:column;gap:25px;justify-content:space-between}.admin-modal{background-color:initial;left:50%;top:0;translate:-50% 50%}.modal-content{background-color:#000;border:1px solid var(--adminColor);color:#fff;display:flex;flex-direction:column;gap:20px;padding:30px;position:relative;z-index:2}.modal-content textarea{height:-webkit-fit-content;height:fit-content}.admin-modal::backdrop{background-color:#000;opacity:.3}.edition-work-btn{border-bottom:1px solid #fff;cursor:pointer;font-size:40px;font-weight:300;padding:20px 0}.edition-skill-btn{cursor:pointer;font-size:100px}.modal-title{font-size:45px;font-weight:200;padding:20px;text-align:center}.close-modal-btn{background-color:initial;border:none;color:#fff;cursor:pointer;font-size:30px;position:absolute;right:20px;top:20px;z-index:2}.delete-text-warning{text-align:center}.admin-icon{transition:var(--hoverTransition)}.admin-icon:hover{color:var(--electricBlue)}.admin-icon.warning-color:hover{color:var(--adminColor)}.form__label{background-color:#000;color:#fff;font-size:20px;height:-webkit-fit-content;height:fit-content;left:0;padding:0 5px;position:absolute;text-transform:lowercase;top:0;transform:translate(30px,45%);transition:all .5s ease-in-out;z-index:-1}.form__label:first-letter{text-transform:uppercase}.form__input{background-color:initial;border:1px solid #fff;border-radius:50px;color:#fff;font-size:20px;padding:10px 10px 9px 20px;width:100%}textarea.form__input::-webkit-scrollbar{display:none}textarea.form__input{border-radius:10px;font-family:var(--mainFont);resize:none}.input-container:focus-within label.form__label,label.form__label.active{font-size:15px;transform:translate(30px,-55%);z-index:0}.form__input:-webkit-autofill,.form__input:-webkit-autofill:focus,.form__input:-webkit-autofill:hover{-webkit-text-fill-color:#fff;-webkit-box-shadow:inset 0 0 0 1000px #000;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}@media screen and (max-width:500px){.form__label{font-size:15px;transform:translate(20px,70%)}.input-container:focus-within label.form__label,label.form__label.active{font-size:13px;transform:translate(20px,-55%)}}.datepicker-input{background-color:initial;border:1px solid #fff;border-radius:50px;color:#fff;font-size:20px;padding:10px 10px 9px 20px;transition:color 1s;width:100%}.datepicker-input:focus{color:#fff!important}input[type=date i]{font-family:var(--mainFont),sans-serif;overflow:hidden}.input-container .icon{font-size:25px;position:absolute;right:0;top:3px;transform:translate(-20px,30%)}input[type=date]::-webkit-calendar-picker-indicator{display:none}.btn-main{--color:#000;--hover:#fff;background-color:initial;border:1px solid #fff;border-radius:50px;color:#fff;cursor:pointer;font-size:20px;padding:10px 20px;position:relative;text-transform:uppercase;transition:.5s;width:100%}.btn-main:active,.btn-main:hover{box-shadow:inset 0 0 0 2em var(--hover);color:var(--color)}.btn-main.clicked:before{animation:scale .5s;animation-name:clickedAnim;border:1px solid #fff;border-radius:50px;content:"";height:100%;left:0;position:absolute;top:0;width:100%}@keyframes clickedAnim{0%{transform:scale(1)}50%{transform:scale(1.05,1.3)}to{transform:scale(1)}}@media screen and (max-width:500px){.btn-main{font-size:15px;padding:10px}}.multiselect-display{background-color:initial;border:1px solid #fff;border-radius:50px;color:#fff;cursor:pointer;font-size:20px;padding:10px 10px 9px 20px;position:relative;width:100%}.multiselect-display:before{color:#0000;content:"l"}.multiselect-label{background-color:#000;color:#fff;height:-moz-fit-content;left:0;padding:0 5px;position:absolute;text-transform:lowercase;top:0;transform:translate(30px,45%);transition:all .5s ease-in-out;z-index:-1}.multiselect-label:first-letter{text-transform:uppercase}.multiselect-label.active{font-size:15px;transform:translate(30px,-55%);z-index:0}.multiselect-options-wrapper{max-height:0;overflow:scroll;transition:max-height .3s linear}.multiselect-options-wrapper::-webkit-scrollbar{display:none}.multiselect-options-wrapper.open{max-height:100px}.multiselect-options{display:flex;flex-direction:column}.multiselect-option{cursor:pointer;padding:5px 10px;transition:all .3s linear}.multiselect-option:hover{background-color:var(--adminColor);color:#000}.multiselect-input{height:0;opacity:0;position:absolute;width:0}.multiselect-option.checked{background-color:var(--adminColor);color:#000}.multiselect-selected{color:var(--adminColor);margin-right:5px;padding:.2rem}#contact-section{display:flex;flex-direction:column;height:100%;justify-content:space-between;width:100%}#contact-section .contact-container{display:flex;flex:1 1;flex-direction:column;gap:15px;justify-content:center}#contact-section .contact-titles{display:flex;justify-content:space-between}#contact-section .contact-content{display:flex;gap:5vw}#contact-section .contact-content>*{display:flex;flex:1 1;flex-direction:column;justify-content:center}#contact-section .action-title{display:flex;justify-content:space-between}#contact-section .action-title .back-btn{background-color:initial;border:none;color:#fff;cursor:pointer;font-size:35px}#contact-section .contact-actions h2{margin-left:auto;text-align:right}#contact-section .action-choices{display:flex;flex-direction:column;gap:15px;justify-content:space-between}#contact-section .employer-form{grid-gap:20px;display:grid;gap:20px;grid-template-areas:"comp comp nom nom" "mail mail phone phone" "contr contr contr contr" "desc desc desc desc" "x x x send"}#contact-section .employer-form>:first-child{grid-area:comp}#contact-section .employer-form>:nth-child(2){grid-area:nom}#contact-section .employer-form>:nth-child(3){grid-area:mail}#contact-section .employer-form>:nth-child(4){grid-area:phone}#contact-section .employer-form>:nth-child(5){grid-area:contr}#contact-section .employer-form>:nth-child(6){grid-area:desc}#contact-section .employer-form>:nth-child(7){grid-area:send}#contact-section .client-form{grid-gap:20px;display:grid;gap:20px;grid-template-areas:"comp comp nom nom" "mail mail phone phone" "desc desc desc desc" "quest quest quest quest" "date date price price" "x x x send"}#contact-section .client-form>:first-child{grid-area:comp}#contact-section .client-form>:nth-child(2){grid-area:nom}#contact-section .client-form>:nth-child(3){grid-area:mail}#contact-section .client-form>:nth-child(4){grid-area:phone}#contact-section .client-form>:nth-child(5){grid-area:desc}#contact-section .client-form .questions{grid-area:quest;position:relative}#contact-section .client-form .questions hr{left:0;position:absolute;top:50%;width:100%;z-index:-1}#contact-section .client-form .questions h2{background-color:#000;padding:0 10px;width:-webkit-fit-content;width:fit-content}#contact-section .client-form>:nth-child(7){grid-area:date}#contact-section .client-form>:nth-child(8){grid-area:price}#contact-section .client-form>:nth-child(9){grid-area:send}#contact-section .default-form{grid-gap:20px;display:grid;gap:20px;grid-template-areas:"nom nom phone phone" "mail mail mail mail" "desc desc desc desc" "x x x send"}#contact-section .default-form>:first-child{grid-area:nom}#contact-section .default-form>:nth-child(2){grid-area:mail}#contact-section .default-form>:nth-child(3){grid-area:phone}#contact-section .default-form>:nth-child(4){grid-area:desc}#contact-section .default-form>:nth-child(5){grid-area:send}#contact-section .mail-feedback{animation:formAnim .5s;margin-top:15px;text-align:center}#contact-section .mail-feedback .feedback-icon-ok{color:#a2ff86;margin-left:5px}#contact-section .mail-feedback .feedback-icon-err{color:#f24c3d;margin-left:5px}#contact-section .form-animation{animation:formAnim .5s}@keyframes formAnim{0%{opacity:0;transform:translateX(50%)}to{opacity:1;transform:translateX(0)}}@media screen and (max-width:850px){#contact-section{height:auto}#contact-section .contact-content{flex-direction:column;gap:5vw}#contact-section .contact-container{justify-content:start}}@media screen and (max-width:500px){.skill-description{font-size:15px}#contact-section .contact-content>*{display:block;flex:auto;overflow-x:hidden}#contact-section .client-form,#contact-section .default-form,#contact-section .employer-form{display:flex;flex-direction:column}}#select-input{-webkit-appearance:none;appearance:none;background-color:initial;border:1px solid #fff;border-radius:50px;color:#fff;font-size:20px;outline:none;padding:10px 10px 9px 20px;width:100%}#select-input option{background-color:#000;border:none}#select-input option:hover{background-color:red}.currency-input{display:flex}.currency-input .form__input{border-radius:50px 0 0 50px;border-right:none}.currency-input .currency-select{-webkit-appearance:none;appearance:none;background-color:initial;border:1px solid #fff;border-radius:0 50px 50px 0;color:#fff;font-size:20px;outline:none;padding:10px 10px 9px;width:100px}.currency-input .currency-select option{background-color:#000;border:none}.currency-input .currency-select option:hover{background-color:red}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}@media screen and (max-width:500px){.currency-input .currency-select{font-size:15px;padding:10px 10px 10px 20px}}.work-container{display:flex;flex-direction:column;height:100%;justify-content:space-between;position:relative;width:100%}.project-list{cursor:pointer;font-size:20px;max-height:58vh;overflow-x:scroll}.project-list::-webkit-scrollbar{display:none}.project-list .project{border-bottom:1px solid #fff;padding:20px 0}.project-overview{border-radius:5px;max-height:30vh;overflow:hidden;position:absolute;transition:opacity .3s linear;width:30%}.work-title-wrapper{align-items:end;display:flex;gap:15px}@media screen and (max-width:850px){.work-container{flex:auto;height:auto}}.workList-el{align-items:center;border-bottom:1px solid #fff;display:flex;justify-content:space-between;padding:20px 0;position:relative}.workList-title{font-size:40px;font-weight:300}.workList-data{align-items:end;display:flex;flex-direction:column;font-size:15px;font-weight:200;gap:10px}.workList-data .logo{display:flex;gap:5px}.workList-data .admin-actions{bottom:0;display:flex;gap:5px;left:0;position:absolute}.workList-data .logo .svgClass{width:20px}@media screen and (max-width:500px){.workList-el{align-items:start;flex-direction:column;padding:10px 0}.workList-data{align-items:end;align-self:end;flex-direction:row;font-size:12px}.workList-title{font-size:25px;font-weight:300}.workList-data .logo .svgClass{width:15px}}.myVideo{height:100%;max-height:60vh;position:relative;width:100%;z-index:2}.backgroundVideo{position:absolute;width:100%;z-index:0}.video-container{height:100%;width:100%}.video-container:before{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#0000001a;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}@media screen and (max-width:500px){.video-container:before{display:none}.myVideo{height:auto}.video-container{height:auto;width:100%}}.project-container{display:flex;flex-direction:column;height:100%;justify-content:space-between;width:100%}.project-links{display:flex;gap:10px}.project-video{border-radius:20px;max-height:60vh;overflow:hidden;position:relative}.project-video .text{margin-left:auto;padding:20px 10px;text-align:right;width:45%}.video-content{align-items:center;background:linear-gradient(to left,var(--electricBlue) 20%,#0000);display:flex;height:100%;left:0;opacity:1;overflow:scroll;position:absolute;top:0;transition:opacity .5s linear;width:100%;z-index:3}.video-content::-webkit-scrollbar{display:none}.video-content.isPaused{animation:fade 1s;opacity:0}.video-display{position:relative}#video-btn{background:none;border:none;bottom:15px;font-size:50px;left:15px;opacity:0;position:absolute;transition:all .5s;z-index:4}#video-btn.show{opacity:1}#video-btn:active,#video-btn:hover{color:var(--electricBlue)}@media screen and (max-width:850px){.project-container{height:auto}.video-content{display:block}}@media screen and (max-width:500px){#video-btn{font-size:35px;opacity:1}.project-video{border-radius:inherit;overflow:auto}.project-video .text{padding:20px 10px;text-align:left;width:100%}}#login-section{height:100%;justify-content:space-between}#login-form,#login-section{display:flex;flex-direction:column}#login-form{align-items:center;align-self:center;gap:2vh;justify-content:center;margin-top:20vh;width:50%}.notfound-container{align-items:end;display:flex;gap:5vw;height:100%;width:100%}.notfound-container .presentation{flex:2 1;font-size:clamp(30px,3.5vw,65px);text-transform:uppercase}.notfound-container .objectives{flex:1 1;font-size:clamp(12px,1.5vw,16px)}.back-to-main-btn{background:none;border:none;color:#fff;cursor:pointer;display:block;margin-left:auto;text-decoration:underline}@media screen and (max-width:850px){.notfound-container{align-self:end}.notfound-container .objectives,.notfound-container .presentation{flex:auto}}@media screen and (max-width:500px){.notfound-container{flex-direction:column;justify-content:end}.notfound-container .objectives,.notfound-container .presentation{flex:none}}
/*# sourceMappingURL=main.72120918.css.map*/