: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}main,main .app-projects{min-height:100%}@media screen and (max-width:1300px){.app-projects .projects{grid-template-columns:repeat(2,1fr)!important}}.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}}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%}}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}}