@import"https://fonts.googleapis.com/css2?family=Baloo+Da+2:wght@400..800&family=Benne&display=swap";@import"https://fonts.googleapis.com/css2?family=Baloo+Da+2:wght@400..800&family=Benne&family=Delius&display=swap";@import"https://fonts.googleapis.com/css2?family=Baloo+Da+2:wght@400..800&family=Benne&family=Delius&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap";:root{--light-background: #FBFDFF;--light-background-subtle: #F4FAFF;--light-element: #E6F4FE;--light-element-hovered: #D5EFFF;--light-element-selected: #C2E5FF;--light-border: #ACD8FC;--light-border-hovered: #8EC8F6;--light-border-selected: #5EB1EF;--light-solid: #0090FF;--light-solid-hovered: #0588F0;--light-text-low: #0D74CE;--light-text-high: #113264;--light-form-success: #D6F1DF;--light-success: #46A758;--light-success-hovered: #3E9B4F;--light-danger: #E54D2E;--light-danger-hovered: #DD4425;--light-warning: #FFC53D;--light-warning-hovered: #FFBA18;--light-info: #3358D4;--light-info-hovered: #3E63DD;--dark-background: #0D1520;--dark-background-subtle: #111927;--dark-element: #0D2847;--dark-element-hovered: #003362;--dark-element-selected: #004074;--dark-border: #104D87;--dark-border-hovered: #205D9E;--dark-border-selected: #2870BD;--dark-solid: #0090FF;--dark-solid-hovered: #3B9EFF;--dark-text-low: #70B8FF;--dark-text-high: #C2E6FF;--dark-form-success: #113B29;--dark-success: #46A758;--dark-success-hovered: #53B365;--dark-danger: #E54D2E;--dark-danger-hovered: #EC6142;--dark-warning: #FFC53D;--dark-warning-hovered: #FFD60A;--dark-info: #5472E4;--dark-info-hovered: #3E63DD}body.dark{--background: var(--dark-background);--background-subtle: var(--dark-background-subtle);--element: var(--dark-element);--element-hovered: var(--dark-element-hovered);--element-selected: var(--dark-element-selected);--border: var(--dark-border);--border-hovered: var(--dark-border-hovered);--border-selected: var(--dark-border-selected);--solid: var(--dark-solid);--solid-hovered: var(--dark-solid-hovered);--text-low: var(--dark-text-low);--text-high: var(--dark-text-high);--form-success: var(--dark-form-success);--success: var(--dark-success);--success-hovered: var(--dark-success-hovered);--danger: var(--dark-danger);--danger-hovered: var(--dark-danger-hovered);--warning: var(--dark-warning);--warning-hovered: var(--dark-warning-hovered);--info: var(--dark-info);--info-hovered: var(--dark-info-hovered)}body.light{--background: var(--light-background);--background-subtle: var(--light-background-subtle);--element: var(--light-element);--element-hovered: var(--light-element-hovered);--element-selected: var(--light-element-selected);--border: var(--light-border);--border-hovered: var(--light-border-hovered);--border-selected: var(--light-border-selected);--solid: var(--light-solid);--solid-hovered: var(--light-solid-hovered);--text-low: var(--light-text-low);--text-high: var(--light-text-high);--form-success: var(--light-form-success);--success: var(--light-success);--success-hovered: var(--light-success-hovered);--danger: var(--light-danger);--danger-hovered: var(--light-danger-hovered);--warning: var(--light-warning);--warning-hovered: var(--light-warning-hovered);--info: var(--light-info);--info-hovered: var(--light-info-hovered)}@media (prefers-color-scheme: dark){:root{--background: var(--dark-background);--background-subtle: var(--dark-background-subtle);--element: var(--dark-element);--element-hovered: var(--dark-element-hovered);--element-selected: var(--dark-element-selected);--border: var(--dark-border);--border-hovered: var(--dark-border-hovered);--border-selected: var(--dark-border-selected);--solid: var(--dark-solid);--solid-hovered: var(--dark-solid-hovered);--text-low: var(--dark-text-low);--text-high: var(--dark-text-high);--form-success: var(--dark-form-success);--success: var(--dark-success);--success-hovered: var(--dark-success-hovered);--danger: var(--dark-danger);--danger-hovered: var(--dark-danger-hovered);--warning: var(--dark-warning);--warning-hovered: var(--dark-warning-hovered);--info: var(--dark-info);--info-hovered: var(--dark-info-hovered)}}[x-cloak]{display:none!important}body{margin:0;background-color:var(--background-subtle);color:var(--text-high);transition:background-color .5s ease-in-out;font-family:Noto Sans}a{text-decoration:none;color:inherit}h1,h2,h3,h4,h5,h6{font-family:Delius,cursive}h1{font-size:42px;text-align:center}h2{text-align:center;font-size:36px}@media (max-width: 990px){h2{font-size:33px}}@media (max-width: 680px){h2{font-size:30px}}h3{font-size:30px;text-align:center}@media (max-width: 990px){h3{font-size:27px}}@media (max-width: 680px){h3{font-size:24px}}.mainContainer{width:75%;max-width:1450px;margin:0 auto}@media (max-width: 680px){.mainContainer{width:95%}}.test{height:100vh}.danger{color:var(--danger)}.success{color:var(--success)}.warning{color:var(--warning)}.info{color:var(--info)}.favoriteStar{color:#ffdc00}.spinner{font-size:30px;animation:spin 1s steps(8) infinite;transition:0s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal{height:100vh;width:100vw;position:fixed;top:0;left:0;background-color:#000000b3;justify-content:center;align-items:center;z-index:1000}.modal__content{width:fit-content;height:fit-content;max-width:95vw;max-height:95vh;min-width:50vw;min-height:450px;padding:20px;border-radius:8px;background-color:var(--background);display:flex;flex-direction:column;align-items:center}.modal__content__close{position:relative;align-self:end;color:var(--danger);cursor:pointer;font-size:30px}.modal__content__close:hover{color:var(--danger-hovered)}.modal__content__title{text-align:center;font-size:20px}.modalForm{display:flex;flex-direction:column;gap:15px}@media (max-width: 990px){.modalForm{width:100%}}.modalForm input{width:80%;border:1px solid var(--background);outline:none;border-radius:4px;padding:10px 20px;color:var(--text-high);background-color:var(--element);font-size:18px}.modalForm input:focus{border:1px solid var(--border-selected);background-color:var(--background-subtle)}.modalForm input:valid{background-color:var(--form-success)}.modalForm textarea{outline:none;border:1px solid var(--background);width:80%;height:50vh;max-height:350px;border-radius:8px;background-color:var(--element);color:var(--text-high);padding:10px 20px;font-size:18px;resize:none}.modalForm textarea:focus{background-color:var(--background-subtle);border:1px solid var(--border-selected)}.modalForm textarea:valid{background-color:var(--form-success)}.modalForm select{border:1px solid var(--background);outline:none;border-radius:4px;padding:10px 20px;color:var(--text-high);background-color:var(--element);font-size:18px}.modalForm button{width:fit-content;align-self:center;outline:none;border:none;border-radius:6px;background-color:var(--element);color:var(--text-high);padding:8px 15px;font-size:17px;font-weight:700}.modalForm button:hover{background-color:var(--background-subtle);cursor:pointer}.modalForm button:focus{background-color:var(--background-subtle)}.modalForm__favorite{width:100%;display:flex;align-items:center;gap:15px}.modalForm__favorite input{width:18px;height:18px}.legal{min-height:90vh;width:90%;margin:20px auto 40px;display:flex;flex-direction:column;justify-content:center;align-items:center}.legal h1{text-align:center}.legal__ariane{text-align:center;margin-bottom:40px}.legal__ariane a{color:var(--text-high);font-weight:700}.legal h2{text-align:left;margin-top:40px}.legal p a{color:var(--text-high);font-weight:700}.login{margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.login__form{width:150px;margin:75px auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.login__form input:-webkit-autofill,.login__form textarea:-webkit-autofill,.login__form select:-webkit-autofill{background-color:var(--success)!important}.login__form input:-moz-autofill,.login__form textarea:-moz-autofill,.login__form select:-moz-autofill{background-color:var(--success)!important}.login__form input:-ms-input-placeholder,.login__form textarea:-ms-input-placeholder,.login__form select:-ms-input-placeholder{background-color:var(--success)!important}.login__form input{color:var(--text-high);outline:none;border:.5px solid var(--element);border-radius:5px;padding:10px 20px;font-size:16px;background-color:var(--element);transition:.2s ease-in-out}.login__form input:focus{background-color:var(--background-subtle)}.login__form label{align-self:start;position:relative;top:-32px;left:-20px;margin-bottom:15px;transition:.3s ease-in-out}.login__form input:focus+label,.login__form input:not(:placeholder-shown)+label{transform:translateY(-33px)}.login__form__error{width:200px;position:relative;top:-30px}.login__form button{margin-top:25px;outline:none;border:none;border-radius:5px;background-color:var(--element);color:var(--text-high);padding:15px 40px;font-size:18px;font-weight:700;transition:.2s ease-in-out}.login__form button:hover{cursor:pointer;background-color:var(--element-hovered)}.login__form button:active{background-color:var(--element-selected)}.projectPage{display:flex;flex-direction:column}.projectPage__loader{width:100vw;height:100vh;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center}.projectPage__loader svg{font-size:50px}.projectPage__return{position:fixed;top:40px;left:40px;font-size:30px;cursor:pointer}@media (max-width: 680px){.projectPage__return{top:20px;left:20px}}.projectPage article{border-bottom:1px solid var(--text-high)}@media (max-width: 680px){.projectPage__title{margin-top:50px}}.projectPage__date{align-self:center}.projectPage__synopsis{font-size:18px;font-weight:500}.projectPage__carrousel{width:100%;align-self:center;margin:25px auto}@media (max-width: 680px){.projectPage__carrousel{width:100vw;height:auto;position:relative;margin:0}}.projectPage__carrousel img{height:100%;width:100%;object-fit:contain}.projectPage__network{display:flex;flex-direction:row;align-items:center;justify-content:space-around;font-size:30px;margin:15px 0;padding:15px 0;border-top:1.5px solid var(--warning);border-bottom:1px solid var(--warning)}@media (max-width: 680px){.projectPage__network{font-size:16px;flex-wrap:wrap}}.projectPage__network__link{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--text-high);transition:.2s ease-in-out}.projectPage__network__link svg{font-size:27px;color:var(--warning-hovered)}@media (max-width: 680px){.projectPage__network__link svg{font-size:18px}}.projectPage__network__link:hover{color:var(--background);background-color:var(--text-high);padding:5px 10px;border-radius:7px;margin:-5px -10px}.projectPage__network__github{transition:.2s ease-in-out}.projectPage__network__github img{height:40px}.projectPage__network__github:hover{padding:5px 10px;margin:-5px -10px;border-radius:7px;background-color:var(--warning)}.projectPage__network__linkedin{display:flex;align-items:center;gap:10px;transition:.2s ease-in-out;border:1px solid var(--background-subtle)}.projectPage__network__linkedin img{height:35px}@media (max-width: 680px){.projectPage__network__linkedin img{height:20px}}.projectPage__network__linkedin:hover{padding:5px 10px;margin:-5px -10px;border:1px solid var(--warning);border-radius:7px}.projectPage__skills{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;margin:10px 0;padding:10px 0}@media (max-width: 680px){.projectPage__skills{justify-content:space-between;gap:8px}}.projectPage__skills__item{padding:2.5px 5px;border:1px solid var(--text-high);border-radius:5px}.projectPage__images{display:flex;justify-content:center;flex-wrap:wrap;gap:15px}.projectPage__images__item{width:200px;height:160px;cursor:pointer}.projectPage__images__item img{width:95%;height:95%;object-fit:contain;transition:.2s ease-in-out}.projectPage__images__item:hover img{width:100%;height:100%}.projectPage__imagesGroup{height:175px;width:fit-content;margin:0 auto;cursor:pointer;transition:.2s ease-in-out;display:flex;flex-direction:column;justify-content:center;align-items:center}.projectPage__imagesGroup:hover .projectPage__imagesGroup__item:nth-child(1){margin:-20px -20px 20px 20px}.projectPage__imagesGroup:hover .projectPage__imagesGroup__item:nth-child(2){margin:-15px -15px 15px 15px}.projectPage__imagesGroup:hover .projectPage__imagesGroup__item:nth-child(3){margin:-10px -10px 10px 10px}.projectPage__imagesGroup:hover .projectPage__imagesGroup__item:nth-child(4){margin:-5px -5px 5px 5px}.projectPage__imagesGroup:hover .projectPage__imagesGroup__item:last-child{position:relative}.projectPage__imagesGroup__item{position:absolute;transition:.2s ease-in-out}.projectPage__imagesGroup__item:nth-child(1){margin:-12px -12px 12px 12px}.projectPage__imagesGroup__item:nth-child(2){margin:-9px -9px 9px 9px}.projectPage__imagesGroup__item:nth-child(3){margin:-6px -6px 6px 6px}.projectPage__imagesGroup__item:nth-child(4){margin:-3px -3px 3px 3px}.projectPage__imagesGroup__item:last-child{position:relative}.projectPage__imagesGroup__item img{height:100px;width:200px;object-fit:cover}.projectPage__recommendations__title{margin:30px auto;font-size:28px;font-weight:700}.projectPage__recommendations__container{display:flex;flex-direction:row;align-items:center;justify-content:space-around;flex-wrap:wrap;gap:30px;margin-bottom:30px}@media (max-width: 680px){.projectPage__recommendations__container{gap:10px}}.projectPreview__warning{width:fit-content;position:sticky;top:0;font-size:25px;margin:0 auto;padding:10px 15px;border:2px dashed var(--warning-hovered);border-top:none;background-color:var(--background);color:var(--warning-hovered)}.projectPreview__save{position:fixed;bottom:40px;right:40px;z-index:1000;border:none;background-color:var(--form-success);color:var(--success);padding:10px 15px;border-radius:5px;border:1px dashed var(--success);font-size:18px;cursor:pointer}.projectPreview__content{margin-bottom:20px;border-bottom:1px dashed var(--text-high)}.projectPreview__content__item{border:1px solid var(--border);padding:5px;background-color:var(--background)}.projectPreview__skills{display:flex;gap:10px;flex-wrap:wrap}.projectPreview__skills__item{padding:2.5px 5px;border:1px solid var(--text-high);border-radius:5px;display:flex;flex-direction:row;align-items:center;gap:3px}.projectPreview__skills__item svg{cursor:pointer}.projectPreview__skills__item__star,.projectPreview__skills__item__emptyStar:hover{color:var(--warning-hovered)}.projectPreview__skills__item__remove{position:relative;color:var(--danger-hovered);background-color:var(--background-subtle);top:-13px;right:-10px}.projectPreview__images{display:flex;flex-direction:row;gap:10px;flex-wrap:wrap}.projectsPage__loader{width:100vw;height:100vh;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center}.projectsPage__loader svg{font-size:50px}.projectsPage__container{display:flex;flex-direction:column;align-items:center;gap:30px;margin-top:80px}.projectsPage__container__year{width:50dvw;display:flex;flex-direction:column;align-items:center;border-top:3px solid var(--text-high)}.projectsPage__container__year__text{width:fit-content;position:relative;top:-25px;background-color:var(--background-subtle);padding:0 15px;margin:0}.welcome{height:100vh;width:96%;margin:0 auto;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8%}@media (max-width: 680px){.welcome{flex-direction:column-reverse;gap:35px}}.welcome__desc{width:90%;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.welcome__desc__name{font-size:40px;margin:0;text-align:center}@media (max-width: 990px){.welcome__desc__name{font-size:38px}}@media (max-width: 680px){.welcome__desc__name{font-size:36px}}.welcome__desc h2{font-size:25px}.welcome__desc__social{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;gap:15px}@media (max-width: 680px){.welcome__desc__social{width:100%;display:grid;grid-template-columns:1fr 1fr}}@media (max-width: 350px){.welcome__desc__social{display:flex;flex-direction:column;align-items:center}}.welcome__desc__social__button{background-color:var(--element);border:1px solid var(--border);border-radius:8px;color:var(--text-high);padding:7px;display:flex;flex-direction:row;align-items:center;gap:10px}.welcome__desc__social__button p{margin:0}.welcome__desc__social__button__icon{width:25px;font-size:25px;border-radius:5px}.welcome__desc__social__button:hover{background-color:var(--element-hovered);border:1px solid var(--border-hovered);color:var(--text-low);cursor:pointer}.welcome__desc__social__button:active{background-color:var(--element-selected);border:1px solid var(--border-selected)}.welcome__img{width:300px;border-radius:50%}@media (max-width: 990px){.welcome__img{width:250px}}@media (max-width: 680px){.welcome__img{max-width:200px;width:70%;margin-top:20px}}.settings{position:fixed;top:20px;right:20px;display:flex;flex-direction:column;align-items:center;gap:15px;z-index:200}@media (max-width: 680px){.settings{flex-direction:row-reverse}}.settings__theme:hover{cursor:pointer}.settings__language{display:flex;flex-direction:column;align-items:center;gap:10px}@media (max-width: 680px){.settings__language{flex-direction:row}}.settings__language:hover{cursor:pointer}.settings__language:hover .settings__language__cursor{border:1px solid var(--border-hovered);transition:border .3s ease-in-out}.settings__language:active .settings__language__cursor{border:1px solid var(--border-selected)}.settings__language__lng{font-size:16px}.settings__language__cursor{width:20px;height:40px;border-radius:10px;border:1px solid var(--border);background-color:var(--background);display:flex;flex-direction:column;align-items:center;justify-content:start;transition:border .2s ease-in-out}@media (max-width: 680px){.settings__language__cursor{flex-direction:row;height:20px;width:40px}}.settings__language__cursor__pointer{transition:.2s ease-in-out;position:relative;top:0;right:0;width:13px;height:13px;margin:3.5px;border-radius:50%;background-color:var(--solid)}.settings__language__cursor__pointer--bottom{transition:.2s ease-in-out;position:relative;top:20px;width:13px;height:13px;margin:3.5px;border-radius:50%;background-color:var(--solid)}.settings__language__cursor__pointer--right{transition:.2s ease-in-out;position:relative;top:initial;right:-20px;width:13px;height:13px;margin:3.5px;border-radius:50%;background-color:var(--solid)}.menu{position:fixed;top:20px;left:20px;display:flex;z-index:100}@media (max-width: 680px){.menu{display:none}}.menu__btn{width:40px;height:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid var(--border);border-radius:5px;background-color:var(--background-subtle);transition:background .5s ease-in-out}.menu__btn:hover{cursor:pointer;background-color:var(--element-hovered)}.menu__btn:active{background-color:var(--element-selected)}.menu__btn--opened .menu__btn__item--1{transform:rotate(45deg);position:relative;top:10px;transition:transform .5s .3s ease-in-out}.menu__btn--opened .menu__btn__item--2{visibility:hidden}.menu__btn--opened .menu__btn__item--3{transform:rotate(-45deg);position:relative;bottom:10px;transition:transform .5s .3s ease-in-out}.menu__btn svg{margin-top:-10px;margin-bottom:-10px;color:var(--text-high)}.menu__container{width:50vw;position:absolute;left:25vw;overflow:hidden;border:1px solid var(--border);background-color:var(--element);border-radius:5px;padding:10px 2vw;margin:0 auto;display:flex;flex-direction:row;justify-content:space-around;align-items:center;gap:4%;transition:.5s ease-in-out}@media (max-width: 680px){.menu__container{width:75vw;left:12.5vw}}.menu__container:hover{background-color:var(--text-high)}.menu__container:hover a{color:var(--background)}.menu__container a{color:var(--text-high);transition:color .2s ease-in-out}.menu__container a:hover{color:var(--border-selected)}.menu__container__separator{width:0;height:20px;border:1px solid var(--border)}footer{height:40px;display:flex;flex-direction:row;justify-content:space-around;align-items:center}footer a{color:var(--text-high)}footer a:hover{color:var(--text-low)}.homeProjects{display:flex;flex-direction:column;justify-content:start;align-items:center;gap:50px}.homeProjects__global{width:75%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto 0}.homeProjects__container{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;column-gap:calc(100% - 1650px);gap:2%;row-gap:45px;justify-content:space-around;margin-bottom:50px;transition:.2s ease-in-out}@media (max-width: 680px){.homeProjects__container{width:100vw;flex-direction:column;align-items:center;justify-content:center;gap:15px}}.homeProjects__container--opened{transition:.4s ease-in-out;height:750px}@media (max-width: 680px){.homeProjects__container--opened{height:fit-content}}.homeProjects__container--closed{transition:.4s ease-in-out;height:220px}@media (max-width: 680px){.homeProjects__container--closed{height:fit-content}}.projectCard{width:390px;height:220px;border-radius:10px;overflow:hidden}@media (max-width: 680px){.projectCard{width:95vw;height:53.5897435897vw}}.projectCard:hover .projectCard__layout{background-color:#000000bf}@media (max-width: 680px){.projectCard:hover .projectCard__layout{background-color:#0000}}.projectCard:hover .projectCard__skills{right:10px}.projectCard:hover .projectCard__name{position:relative;left:0;z-index:2}@media (max-width: 680px){.projectCard:hover .projectCard__name{left:-110%}}.projectCard:hover .projectCard__description{position:relative;left:0}@media (max-width: 680px){.projectCard:hover .projectCard__description{left:-110%}}.projectCard__img{width:100%;height:100%;object-fit:cover}.projectCard__layout{width:100%;height:calc(100% + 5px);position:relative;top:-227px;background-color:#0000;z-index:1;transition:.2s ease-in-out}@media (max-width: 680px){.projectCard__layout{width:100%;height:101%;top:calc(-100% - 5px)}}.projectCard__skills{transition:.2s ease-in-out;position:relative;top:calc(-200% + 10px);right:-390px;display:flex;flex-direction:row;justify-content:end;align-items:center;gap:15px;z-index:2}@media (max-width: 680px){.projectCard__skills{right:10px}}.projectCard__skills__item{background-color:var(--element);border:1px solid var(--border);border-radius:7px;padding:5px;font-size:13px}.projectCard__name{transition:.3s ease-in-out;color:#fff;font-weight:700;font-size:22px;z-index:2;position:relative;left:-390px;top:-430px;text-align:center}@media (max-width: 680px){.projectCard__name{top:calc(-200% + 20px);left:-100%}}.projectCard__description{transition:.3s ease-in-out;width:90%;color:#fff;font-size:16px;z-index:2;align-content:justify;position:relative;top:-430px;left:-390px;margin:0 auto}@media (max-width: 680px){.projectCard__description{top:-180%;left:-100%;font-size:14px}}.moreButton{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-bottom:50px}.moreButton button{text-decoration:none;border:2px solid var(--text-high);padding:15px;color:var(--text-high);background-color:var(--background-subtle);text-transform:uppercase;letter-spacing:2px;position:relative;display:inline-block}.moreButton button:hover{cursor:pointer}.moreButton button span{position:relative;z-index:3}.moreButton button:before{content:"";position:absolute;top:5px;left:-2px;width:calc(100% + 6px);height:calc(100% - 10px);background-color:var(--background-subtle);transition:all .35s ease-in-out;transform:scaleY(1)}.moreButton button:hover:before{transform:scaleY(0)}.moreButton button:after{content:"";position:absolute;left:5px;top:-5px;width:calc(100% - 10px);height:calc(100% + 10px);background-color:var(--background-subtle);transition:all .35s ease-in-out;transform:scaleX(1)}.moreButton button:hover:after{transform:scaleX(0)}.skills{display:flex;flex-direction:column;justify-content:start;margin-bottom:50px}@media (max-width: 990px){.skills{min-height:initial}}.skills__container{margin:auto 0;display:flex;flex-direction:row;justify-content:space-around}@media (max-width: 990px){.skills__container{width:80%;display:grid;grid-template-columns:1fr 1fr;row-gap:50px;margin:auto 0 auto auto}}.skills__container__bloc{display:flex;flex-direction:column;gap:20px}@media (max-width: 990px){.skills__container__bloc{align-items:start}}@media (max-width: 680px){.skills__container__bloc__title{text-align:left}}.skills__container__bloc__item{display:flex;flex-direction:row;gap:15px;font-size:18px}@media (max-width: 680px){.skills__container__bloc__item{font-size:15px}}.contact{min-height:100vh;display:flex;flex-direction:column;align-items:center;margin-bottom:50px}.contact__container{width:75%;display:flex;flex-direction:row;justify-content:space-around;align-content:center;margin:auto 0}@media (max-width: 990px){.contact__container{width:90%;flex-direction:column-reverse;align-items:center}}.contact__container__form{width:50%;display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;gap:25px}@media (max-width: 990px){.contact__container__form{width:100%}}.contact__container__form__input{width:80%;border:1px solid var(--background);outline:none;border-radius:8px;padding:10px 20px;color:var(--text-high);background-color:var(--element);font-size:18px}.contact__container__form__input:focus{border:1px solid var(--border-selected);background-color:var(--background-subtle)}.contact__container__form__input:valid{background-color:var(--form-success)}.contact__container__form__id{width:calc(80% + 40px);display:flex;justify-content:space-between;gap:2%}@media (max-width: 680px){.contact__container__form__id{flex-direction:column;align-items:center;gap:25px;width:100%}}@media (max-width: 680px){.contact__container__form__id input{width:80%}}.contact__container__form textarea{outline:none;border:1px solid var(--background);width:80%;height:50vh;max-height:350px;border-radius:8px;background-color:var(--element);color:var(--text-high);padding:10px 20px;font-size:18px;resize:none}.contact__container__form textarea:focus{background-color:var(--background-subtle);border:1px solid var(--border-selected)}.contact__container__form textarea:valid{background-color:var(--form-success)}.contact__container__form button{outline:none;border:none;border-radius:6px;background-color:var(--element);color:var(--text-high);padding:10px 40px;font-size:18px;font-weight:700}.contact__container__form button:hover{border:1px solid var(--border-hovered);background-color:var(--background-subtle);cursor:pointer}.contact__container__form button:focus{border:1px solid var(--border-hovered);background-color:var(--background-subtle)}.contact__container__form button:active{border:1px solid var(--border-selected)}.contact__container__content{width:50%;display:flex;flex-direction:column;align-items:center;justify-content:start;gap:40px}@media (max-width: 680px){.contact__container__content{width:100%;margin-bottom:40px}}.adminNav{max-width:95%;display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap}.adminNav__item{padding:5px 15px;cursor:pointer;border:1px solid var(--border);background-color:var(--element)}.adminNav__item:hover{border:1px solid var(--border-hovered);background-color:var(--element-hovered)}.adminNav__item:active{border:1px solid var(--border-selected);background-color:var(--element-selected)}.adminNav__item--selected{padding:5px 15px;border:1px dashed var(--text-high);background-color:var(--background-subtle);cursor:pointer}.parameters__passwordForm{width:200px;margin:75px auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.parameters__passwordForm input:-webkit-autofill,.parameters__passwordForm textarea:-webkit-autofill,.parameters__passwordForm select:-webkit-autofill{background-color:var(--success)!important}.parameters__passwordForm input:-moz-autofill,.parameters__passwordForm textarea:-moz-autofill,.parameters__passwordForm select:-moz-autofill{background-color:var(--success)!important}.parameters__passwordForm input:-ms-input-placeholder,.parameters__passwordForm textarea:-ms-input-placeholder,.parameters__passwordForm select:-ms-input-placeholder{background-color:var(--success)!important}.parameters__passwordForm input{color:var(--text-high);outline:none;border:.5px solid var(--element);border-radius:5px;padding:10px 20px;font-size:16px;background-color:var(--element);transition:.2s ease-in-out}.parameters__passwordForm input:focus{background-color:var(--background-subtle)}.parameters__passwordForm label{align-self:start;position:relative;top:-32px;margin-bottom:15px;transition:.3s ease-in-out}.parameters__passwordForm input:focus+label,.parameters__passwordForm input:not(:placeholder-shown)+label{transform:translateY(-33px)}.parameters__passwordForm input:hover:placeholder-shown:not(:focus)+label{cursor:text}.parameters__passwordForm__error{width:200px;position:relative;top:-30px}.parameters__passwordForm button{margin-top:25px;outline:none;border:none;border-radius:5px;background-color:var(--element);color:var(--text-high);padding:15px 40px;font-size:18px;font-weight:700;transition:.2s ease-in-out}.parameters__passwordForm button:hover{cursor:pointer;background-color:var(--element-hovered)}.parameters__passwordForm button:active{background-color:var(--element-selected)}.btn{width:fit-content;padding:5px 15px;cursor:pointer;font-size:16px;border-radius:3px}.btn--success{border:none;background-color:var(--success);color:var(--background)}.btn--success:hover{border:none;background-color:var(--success-hovered)}.btn--success:active{border:none;background-color:var(--element-selected)}.btn--danger{border:none;background-color:var(--danger);color:var(--background)}.btn--danger:hover{border:none;background-color:var(--danger-hovered)}.btn--danger:active{border:none;background-color:var(--element-selected)}.skillCategories{min-height:calc(100vh - 210px);display:flex;flex-direction:column;align-items:center}.skillCategories__list{display:flex;flex-direction:row;flex-wrap:wrap;gap:15px;margin:auto 0}.skillCategories__list__createBtn{padding:5px 15px;border:1px dashed #FFDC00;background-color:#ffdc00;font-size:16px;color:var(--text-high);display:flex;align-items:center;gap:5px;cursor:pointer}.skillCategories__list__createBtn:hover,.skillCategories__list__createBtn:focus{background-color:var(--warning)}.skillCategories__list__item{padding:5px 15px;border:1px solid var(--border);display:flex;align-items:center;gap:5px;cursor:pointer}.skillCategories__list__item:hover,.skillCategories__list__item:focus{outline:none;border:1px solid var(--border-hovered);background-color:var(--element-hovered)}.skillCategories__list__item:active{border:1px solid var(--border-selected);background-color:var(--element-selected)}.adminSkills{min-height:calc(100vh - 210px);display:flex;flex-direction:column;align-items:center}.adminSkills__filter{display:flex;align-items:center;gap:15px;cursor:pointer}.adminSkills__filter__item{padding:5px 10px}.adminSkills__filter__item--selected{border-bottom:1px solid var(--warning-hovered);color:var(--warning-hovered)}.adminSkills__list{width:100%;display:flex;flex-direction:row;justify-content:start;flex-wrap:wrap;gap:15px;margin:auto 0}.adminSkills__list__createBtn{padding:5px 15px;border:1px dashed #FFDC00;background-color:#ffdc00;font-size:16px;color:var(--text-high);display:flex;align-items:center;gap:5px;cursor:pointer}.adminSkills__list__createBtn:hover,.adminSkills__list__createBtn:focus{background-color:var(--warning)}.adminSkills__list__item{padding:5px 15px;border:1px solid var(--border);display:flex;align-items:center;gap:5px;cursor:pointer}.adminSkills__list__item:hover,.adminSkills__list__item:focus{outline:none;border:1px solid var(--border-hovered);background-color:var(--element-hovered)}.adminSkills__list__item:active{border:1px solid var(--border-selected);background-color:var(--element-selected)}.adminProjects{min-height:calc(100vh - 250px)}.adminProjects__form{display:flex;flex-direction:column;gap:15px}@media (max-width: 990px){.adminProjects__form{width:100%}}.adminProjects__form input{width:80%;border:1px solid var(--background);outline:none;border-radius:4px;padding:10px 20px;color:var(--text-high);background-color:var(--element);font-size:18px}.adminProjects__form input:focus{border:1px solid var(--border-selected);background-color:var(--background-subtle)}.adminProjects__form textarea{outline:none;border:1px solid var(--background);width:80%;height:50vh;max-height:350px;border-radius:8px;background-color:var(--element);color:var(--text-high);padding:10px 20px;font-size:18px;resize:none}.adminProjects__form textarea:focus{background-color:var(--background-subtle);border:1px solid var(--border-selected)}.adminProjects__form textarea:valid{background-color:var(--form-success)}.adminProjects__form select{border:1px solid var(--background);outline:none;border-radius:4px;padding:10px 20px;color:var(--text-high);background-color:var(--element);font-size:18px}.adminProjects__form button{width:fit-content;align-self:center;outline:none;border:none;border-radius:6px;background-color:var(--element);color:var(--text-high);padding:8px 15px;font-size:17px;font-weight:700}.adminProjects__form button:hover{background-color:var(--background-subtle);cursor:pointer}.adminProjects__form button:focus{background-color:var(--background-subtle)}.adminProjects__form__skillList{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:15px}.adminProjects__form__skillList__selected{padding:2.5px 5px;border:1px solid var(--text-high);border-radius:5px;display:flex;flex-direction:row;align-items:center;gap:3px}.adminProjects__form__skillList__selected svg{cursor:pointer}.adminProjects__form__skillList__selected__star,.adminProjects__form__skillList__selected__emptyStar:hover{color:var(--warning-hovered)}.adminProjects__form__skillList__selected__remove{position:relative;color:var(--danger-hovered);background-color:var(--background-subtle);top:-13px;right:-10px}.adminProjects__form__skillList__item{padding:2.5px 5px;border:1px solid var(--text-high);border-radius:5px;opacity:.6;cursor:pointer}.adminProjects__form__skillList__item:hover{border:1px solid var(--warning-hovered);color:var(--warning-hovered);background-color:var(--text-high)}.adminProjects__form__imagesPreview{display:flex;flex-direction:row;align-items:end;gap:5px}.adminProjects__form__imagesPreview__item{width:140px;display:flex;flex-direction:column;align-items:center;gap:5px}.adminProjects__form__imagesPreview__item img{cursor:pointer}.adminProjects__form__imagesPreview__item div{width:100%;display:flex;justify-content:center;gap:25px}.adminProjects__form__imagesPreview__item div span{cursor:pointer}.adminProjects__form__imagesPreview__item div span svg{font-size:20px}.adminProjects__form__imagesPreview__item div span:nth-child(2n){color:var(--danger)}.adminProjects__projects{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px}.adminProjects__projectCard{width:200px;padding:15px;border:1px solid var(--border);border-radius:5px;display:flex;flex-direction:column;align-items:center;cursor:pointer}.adminProjects__projectCard:hover{background-color:var(--background)}.adminProjects__projectCard--draft{opacity:.6}.projectItem{width:100%;height:220px;display:flex;flex-direction:row;justify-content:start;align-items:center;transition:.2s ease-in-out}@media (max-width: 990px){.projectItem{height:fit-content;flex-direction:column-reverse;border-bottom:1px solid var(--text-high);padding-bottom:30px}}@media (max-width: 680px){.projectItem{flex-direction:column}}.projectItem:hover{background-color:var(--background);position:relative;margin:-5px 0 5px;box-shadow:#26394d 0 20px 30px -10px}.projectItem:hover .projectItem__content__date{border:1px solid var(--text-high);background-color:var(--background-subtle);box-shadow:#26394d 0 10px 10px -10px;margin:-30px -18px 0 0}.projectItem__image{height:220px}@media (max-width: 990px){.projectItem__image{height:auto;width:100vw}}.projectItem__image__star{color:var(--warning-hovered);font-size:20px;position:absolute;padding:15px 0 0 15px}.projectItem__image img{height:100%;width:390px;object-fit:cover}@media (max-width: 990px){.projectItem__image img{width:100%}}@media (max-width: 680px){.projectItem__image img{width:100vw;height:56.4102564103vw}}.projectItem__content{width:calc(100% - 390px);height:calc(100% - 20px);color:var(--text-high);padding:10px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}@media (max-width: 990px){.projectItem__content{width:100%;height:fit-content}}.projectItem__content__date{align-self:end;position:absolute;margin:-23px -10px 0 0;padding:2.5px 7px;border:1px solid rgba(0,0,0,0);transition:.3s ease-in-out}@media (max-width: 990px){.projectItem__content__date{position:initial;margin:initial;align-self:center}}.projectItem__content__title{margin:0}@media (max-width: 990px){.projectItem__content__title{margin:initial}}.projectItem__content__description{width:100%}.projectItem__content__skills{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:start;gap:15px}@media (max-width: 990px){.projectItem__content__skills{justify-content:space-around}}@media (max-width: 680px){.projectItem__content__skills{gap:2px;row-gap:10px;flex-wrap:wrap}}.projectItem__content__skills__item{padding:2.5px 7px;border:1px solid var(--text-high);border-radius:5px}.carousel{width:100vw;height:100vh;position:fixed;top:0;left:0;background-color:#000000d9;z-index:2000;overflow:hidden;display:flex;flex-direction:row}@media (max-width: 680px){.carousel{flex-direction:column}}.carousel__close{position:absolute;top:15px;left:15px;color:var(--light-background);font-size:25px;cursor:pointer}@media (max-width: 680px){.carousel__close{left:initial;right:15px;top:10px;font-size:35px}}.carousel__container{width:calc(100% - 180px);height:calc(100% - 80px);padding:15px;margin-top:50px}@media (max-width: 680px){.carousel__container{width:calc(100vw - 30px);height:calc(80vh - 80px)}}.carousel__container--leftAside{position:absolute;right:-100%;width:calc(100% - 180px);height:100%;object-fit:contain}@media (max-width: 680px){.carousel__container--leftAside{width:calc(100vw - 30px);height:calc(80vh - 80px)}}.carousel__container--rightAside{position:absolute;left:-100%;width:calc(100% - 180px);height:100%;object-fit:contain}@media (max-width: 680px){.carousel__container--rightAside{width:calc(100vw - 30px);height:calc(80vh - 80px)}}.carousel__container img{width:100%;height:100%;object-fit:contain}.carousel__preview{width:180px;padding:15px 0;display:flex;flex-direction:column;align-items:center;gap:15px;overflow-y:scroll;background-color:#000}@media (max-width: 680px){.carousel__preview{width:calc(100vw - 30px);height:calc(20vh - 30px);padding:15px;flex-direction:row}}.carousel__preview__image{opacity:.7;cursor:pointer;transition:.2s ease-in-out;height:100%}.carousel__preview__image--active{opacity:1;margin:-2.5px 2.5px 2.5px -2.5px;box-shadow:#fff 10px 10px 30px -10px}@media (max-width: 680px){.carousel__preview__image--active{box-shadow:#fff 5px 5px 25px -10px}}.carousel__preview__image:hover{opacity:1}.carousel__preview__image img{width:150px}@media (max-width: 680px){.carousel__preview__image img{height:100%;width:initial;object-fit:contain}}.projectPage__content .editorjs-image{margin:30px 0;text-align:center}.projectPage__content .editorjs-image img{max-width:100%;height:auto;border-radius:5px}.projectPage__content .editorjs-image figcaption{margin-top:8px;font-size:14px;color:var(--text-low);font-style:italic}.projectPage__content .editorjs-code{background-color:var(--background-subtle);border:1px solid var(--border);border-radius:5px;padding:16px 20px;overflow-x:auto;margin:20px 0}.projectPage__content .editorjs-code code{font-family:Courier New,monospace;font-size:14px;line-height:1.6}.projectPage__content .editorjs-embed{margin:30px 0}.projectPage__content .editorjs-embed iframe{width:100%;aspect-ratio:16/9;border-radius:5px}.projectPage__content .editorjs-embed__caption{text-align:center;font-size:14px;color:var(--text-low);margin-top:8px}.projectPage__content .editorjs-quote{border-left:3px solid var(--warning);padding:10px 20px;margin:20px 0;font-style:italic}.projectPage__content .editorjs-quote cite{display:block;margin-top:8px;font-size:14px;font-style:normal;color:var(--text-low)}.projectPage__content .editorjs-delimiter{border:none;border-top:2px solid var(--border);margin:30px auto;width:60%}.projectPage__content .editorjs-table-wrapper{overflow-x:auto;margin:20px 0}.projectPage__content .editorjs-table{width:100%;border-collapse:collapse}.projectPage__content .editorjs-table th,.projectPage__content .editorjs-table td{border:1px solid var(--border);padding:8px 12px;text-align:left}.projectPage__content .editorjs-table th{background-color:var(--background-subtle);font-weight:700}.projectPage__content .editorjs-table tbody tr:hover{background-color:var(--background-subtle)}
