:root{--primary-clr:#ffd600}body,html{margin:0;padding:0;height:100%;font-size:clamp(14px,1vw,25px);color:#fff;background:linear-gradient(-90deg,#120d20,#0c0c16);isolation:isolate;background-size:100%;line-height:1.3}*,:after,:before{margin:0;box-sizing:border-box;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:text-shadow .25s ease,color .25s ease}::selection{background:var(--primary-clr)}*{scrollbar-width:thin;scrollbar-color:var(--primary-clr) #000}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background-color:var(--primary-clr)}.icon{transition:opacity .2s}.icon:hover{opacity:.7}.app-btn{text-decoration:none;display:flex;align-items:center;justify-content:center;flex-direction:row;gap:1rem;border:1px solid var(--primary-clr);background:var(--primary-clr);padding:.7rem 3rem;border-radius:3rem;text-transform:capitalize;font-size:1rem;color:#222;font-weight:500;transition:all .2s}.app-btn.btn-notfilled{background:transparent;color:#fff}.app-btn.btn-notfilled:hover{background:var(--primary-clr);color:#222}.app-btn:hover{filter:brightness(.7)}main{height:100%}.extern-link{cursor:pointer;color:#fff;text-decoration:none;font-size:1.1rem;display:flex;align-items:center;justify-content:center;flex-direction:row;gap:1rem}.extern-link span.spec,h1.header{font-size:2rem}h1.header{text-transform:capitalize;width:100%;text-align:center;margin-block:5rem}.crossed{position:relative;z-index:1}.crossed:before{content:"";position:absolute;width:100%;height:10px;background-color:var(--primary-clr);bottom:0;left:50%;transform:translate(-50%,-50%);z-index:-1}.container{max-width:1600px!important;margin:0 auto}.app-logo{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:1rem;font-size:1.5rem;text-transform:capitalize;font-weight:500;color:#fff}@media screen and (max-width:1000px){.app-logo{font-size:1.1rem}}.logo-image-colored-part{fill:var(--primary-clr)}aside.side-menu{color:#fff;z-index:10000;transition:all .2s;padding:1rem;position:fixed;inset:0;background:#000;width:100%;height:100%;display:flex;align-items:stretch;justify-content:stretch;flex-direction:column;gap:1rem}aside.side-menu .app-logo{color:#fff!important}aside.side-menu .links{display:flex;align-items:center;justify-content:space-between;flex-direction:row;gap:1rem;width:100%;font-weight:400}aside.side-menu .side-bar-links{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;height:100%;width:100%;padding:1rem;list-style:none;font-size:1.3rem}aside.side-menu .side-bar-links li{transition:all .2s}aside.side-menu .side-bar-links li:hover{color:#ffd600}aside.side-menu .side-bar-links a{text-decoration:none;color:inherit}.themes-button{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;padding:.5rem}.themes-button:hover>.themes-container{opacity:1;transform:translateY(0)}.themes-button>svg path{transition:all .5s,fill .5s}.themes-button>svg{display:block;height:2rem}.themes-container{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:1rem;opacity:0;transform:translateY(-300%);position:absolute;top:3rem;right:0;transition:all .3s;padding:1rem;background:hsla(0,0%,100%,.565);border-radius:1rem}.themes-container .spn-wrp{background:#fff;border-radius:50%;padding:.4rem}.themes-container .spn-wrp>span{--_accent:#fff;display:block;border-radius:50%;aspect-ratio:1;width:2rem;background:var(--_accent)}.selectedThemeColor,.themes-container .spn-wrp>span:hover{outline:2px solid var(--_accent);outline-offset:2px}.selectedThemeColor{transition:all .3s}header.app-head{position:fixed;z-index:999;top:0}header.app-head,nav.app-nav{--bg:transparent;background:var(--bg,#000);transition:background .2s;width:100%}nav.app-nav{display:flex;align-items:center;justify-content:space-between;flex-direction:row;gap:1rem;padding:1rem;color:inherit}nav.app-nav>.themes-button{display:none}nav.app-nav .nav-search{display:none!important}nav.app-nav .menu{display:none}nav.app-nav .nav-search,nav.app-nav ul.nav-links{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:1rem}nav.app-nav ul.nav-links{list-style:none;font-size:1.3rem}nav.app-nav ul.nav-links .active{border-bottom-color:var(--primary-clr)}nav.app-nav ul.nav-links li{border:3px solid transparent;transition:all .2s}nav.app-nav ul.nav-links li:hover{border-bottom-color:var(--primary-clr)}nav.app-nav ul.nav-links a{text-decoration:none;color:inherit}@media screen and (max-width:1000px){nav.app-nav>.themes-button{display:flex}nav.app-nav ul.nav-links{display:none}nav.app-nav .menu{display:block}nav.app-nav .nav-search{display:block!important}}header.app-header{display:grid;grid-template-columns:repeat(2,1fr);align-items:center;justify-items:center;height:90vh;width:100%;margin-top:4rem;padding:1rem}header.app-header .border{border-left:1px solid #838383;padding-left:2rem}header.app-header .header-image{display:flex;align-items:center;justify-content:flex-end;flex-direction:row;gap:1rem;width:100%;height:100%;position:absolute;z-index:-1;inset:0}header.app-header .header-image img{object-fit:cover;object-position:80% 100%;width:100%;height:100%;margin:0 auto}header.app-header .header-intro{height:90%;text-transform:capitalize;display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;gap:1rem}header.app-header .header-intro .content{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:1rem}header.app-header .header-intro .content legend{font-size:4rem}header.app-header .header-intro .content legend,header.app-header .header-intro .content span{text-shadow:1px 1px 0 #000,-1px -1px 0 #000,-1px 1px 0 #000,1px -1px 0 #000,2px 0 0 #000,-2px 0 0 #000,0 2px 0 #000,0 -2px 0 #000}header.app-header .header-intro .content span{font-size:2rem}header.app-header .header-intro .content .cta{margin-top:1rem;background:var(--primary-clr);color:#000}header.app-header .header-intro .extern-link *{text-shadow:1px 1px 0 #000,-1px -1px 0 #000,-1px 1px 0 #000,1px -1px 0 #000,2px 0 0 #000,-2px 0 0 #000,0 2px 0 #000,0 -2px 0 #000}.resume-link{color:#000!important}@media screen and (max-width:1000px){header.app-header{grid-template-columns:1fr}header.app-header .cta{width:-moz-fit-content;width:fit-content}header.app-header .border{border:none!important;padding-left:0!important}header.app-header .header-image{display:none}header.app-header .header-intro{display:flex;align-items:center;justify-content:space-between;flex-direction:column;gap:1rem}header.app-header .header-intro .extern-link{text-align:center}header.app-header .header-intro .content{width:100%}header.app-header .header-intro .content .extern-link *,header.app-header .header-intro .content legend,header.app-header .header-intro .content span{text-shadow:none}header.app-header .header-intro .content>*{text-align:center;width:100%}header.app-header .header-intro .resume-link{margin-left:0}}section.app-about-me{position:relative;margin-block:6rem;isolation:isolate;background-color:#111129;justify-content:center;gap:1rem}section.app-about-me,section.app-about-me .informations{min-height:100%;display:flex;align-items:center;flex-direction:row}section.app-about-me .informations{justify-content:space-between;gap:2rem;width:70%}section.app-about-me .informations .info strong{color:var(--primary-clr)}section.app-about-me .informations .info h1{font-size:2rem;text-transform:capitalize;margin-block:2rem}section.app-about-me .informations .info p{line-height:1.4;margin-block:1rem}section.app-about-me .informations .profile-image{width:40%}section.app-about-me .side-square{height:100vh;width:35%;top:0;left:0;background:var(--primary-clr);position:absolute;z-index:-1}@media screen and (max-width:1000px){section.app-about-me .informations{display:flex;align-items:center;justify-content:space-between;flex-direction:column;gap:2rem}section.app-about-me .profile-image{width:80vw!important;height:800px;object-fit:cover;object-position:top}section.app-about-me .side-square{width:100%;height:300px}}.app-skills{padding:1rem}.app-skills .skills{padding:1rem;display:flex;align-items:center;justify-content:center;flex-direction:row;gap:1rem;flex-wrap:wrap;width:100%}.app-skills .skills .skill{max-width:300px;border-radius:.5rem;overflow:hidden;flex-basis:500px;flex-grow:1;border:2px solid #fff}.app-skills .skills .skill .progress{padding:.3rem 1rem;display:flex;align-items:center;justify-content:space-between;flex-direction:row;gap:1rem}.app-skills .skills .skill .progress span{text-transform:uppercase;font-weight:600;font-size:1.3rem}.app-skills .skills .skill .progress img{height:4rem}section.app-projects{margin-block:4rem;padding:1rem}section.app-projects .projects{padding:2rem;margin-block:4rem;display:flex;align-items:center;justify-content:center;flex-direction:row;gap:1rem;gap:2rem;flex-wrap:wrap}section.app-projects .projects.unique{display:grid;grid-template-columns:repeat(3,1fr)}section.app-projects .projects.unique *{font-size:13px}section.app-projects .projects .project-card{overflow:hidden;border-radius:.5rem;width:min(400px,100%);max-width:500px;flex-grow:1;background:#fff;color:#222}section.app-projects .projects .project-card img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top;transition:scale .3s}section.app-projects .projects .project-card img:hover{scale:1.1}section.app-projects .projects .project-card .info{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem}section.app-projects .projects .project-card .info span{padding:1rem;font-size:1.4rem}section.app-projects .projects .project-card .info p{padding:1rem;font-size:1rem;color:#4d4d4d;font-weight:100;max-width:100%;max-height:150px;height:150px;text-overflow:ellipsis;word-wrap:break-word;overflow:hidden;white-space:break-spaces;text-align:center}section.app-projects .projects .project-card .actions{padding:1rem;width:100%;display:flex;align-items:center;justify-content:space-between;flex-direction:row;gap:1rem}section.app-projects .projects .project-card .actions .link{width:-moz-fit-content;width:fit-content;padding:.7rem;font-size:.9rem;font-weight:100;text-decoration:none;color:#0029ff}section.app-projects .projects .project-card .actions .link:hover{color:#4d4d4d}@media screen and (max-width:1000px){.projects.unique{grid-template-columns:1fr!important}.project-card .actions{flex-direction:column-reverse!important}.project-card .actions .app-btn,.project-card .actions .link{width:100%}}section.app-contact{padding:1rem;margin-block:5rem}section.app-contact .email-container{padding:1rem;display:flex;align-items:stretch;justify-content:center;flex-direction:column;gap:1rem}section.app-contact .email-container>*{width:100%}section.app-contact .email-container .form-item{display:flex;align-items:center;justify-content:space-between;flex-direction:row;gap:1rem;padding:1rem}section.app-contact .email-container .form-item:last-child{justify-content:flex-end}section.app-contact .email-container .form-item .text-field{width:100%;color:#fff;padding:1rem;border:none;outline:none;border-bottom:2px solid var(--primary-clr);background:transparent}section.app-contact .email-container .form-item .text-field:active,section.app-contact .email-container .form-item .text-field:focus{outline:2px solid #ff4500;border:none}section.app-contact .email-container .form-item .email-input{width:50%}section.app-contact .email-container .form-item .message-input{height:10rem!important;background:#0c0c16;border:2px solid var(--primary-clr);resize:none}@media screen and (max-width:1000px){form .form-item:first-child{flex-direction:column!important}form .form-item:first-child .text-field{width:100%!important}}footer.app-footer{background:#090913;border-top:1px solid var(--primary-clr);justify-content:space-between;padding:1rem}footer.app-footer,footer.app-footer .social-links{display:flex;align-items:center;flex-direction:row;gap:1rem}footer.app-footer .social-links{justify-content:center}footer.app-footer .social-links a{transition:color .2s;color:#fff}footer.app-footer .social-links a:hover{color:var(--primary-clr)}@media screen and (max-width:768px){footer.app-footer{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem}}section.app-career{align-items:center}section.app-career,section.app-career .items{display:flex;justify-content:center;flex-direction:column;gap:1rem}section.app-career .items{align-items:flex-start}section.app-career .career-item{margin-block:3rem;padding-inline:.5rem;display:flex;align-items:center;justify-content:center;flex-direction:row;gap:1rem;width:-moz-fit-content;width:fit-content}section.app-career .career-item .year{color:#9a9a9a;width:70px}section.app-career .career-item .circle{aspect-ratio:1;border-radius:50%;width:1rem;position:relative;background:#4d4d4d;isolation:isolate}section.app-career .career-item .circle:before{content:"";width:1px;background:#fff;position:absolute;top:100%;left:50%;transform:translate(-50%);height:8.6rem;z-index:-1}section.app-career .career-item .title{font-size:1.5rem;font-weight:700;text-transform:capitalize;letter-spacing:1px}section.app-career .career-item:last-child .circle{background:var(--primary-clr)!important}section.app-career .career-item:last-child .circle:before{content:none}