.home.red{--special__1: rgb(239, 63, 47);--special__1__trs: rgba(239, 63, 47, .2)}.home.orange{--special__1: rgb(226, 145, 30);--special__1__trs: rgba(226, 145, 30, .2)}.home.green{--special__1: rgb(43, 199, 22);--special__1__trs: rgba(43, 199, 22, .2)}.home__container{position:relative;overflow:hidden;padding-left:80px;padding-right:20px;width:100%;max-width:1800px;margin:0 auto;flex:1;display:flex;flex-direction:column;align-items:center}.home__container .section:not(.hero){width:100%;max-width:1000px;padding-top:80px}@media screen and (width <= 700px){.home__container{padding-left:20px}}.sidebar{width:60px;height:100%;min-height:100vh;overflow-y:auto;background:var(--black__clr);padding-top:90px;display:flex;flex-direction:column;align-items:center;position:fixed;z-index:100;top:0}.sidebar .logo{background:var(--main__bg);color:var(--white__color);padding:.25rem .75rem;border-radius:6px;user-select:none;border:1px solid var(--main__bg);position:fixed;top:25px;margin:0 auto}.sidebar .logo h2{position:relative}.sidebar .logo h2:after{content:"";position:absolute;right:-7px;bottom:5px;width:6px;height:6px;background:var(--special__1);border-radius:50%}.sidebar .links{width:100%;display:flex;flex-direction:column}.sidebar .links .link{width:100%;padding:1.5rem 1rem;font-size:var(--normal__size);border-right:1.5px solid transparent;transition:.2s;text-decoration:none;color:var(--white__clr);writing-mode:vertical-rl;display:grid;place-items:center}.sidebar .links .link:is(:hover,.active){border-right:1.5px solid var(--special__1);background:var(--main__bg);color:var(--verywhite__clr)}@media screen and (width <= 900px){.sidebar{padding-top:75px}.sidebar .logo{top:17px}}@media screen and (width <= 700px){.sidebar{padding-top:67px;left:-80px;transition:.3s}.sidebar.active{left:0}.sidebar .logo{cursor:pointer;top:14px;left:10px;border:1px solid var(--white__clr__trs2)}}.navbar{position:fixed;top:0;left:60px;width:calc(100% - 60px);z-index:99;display:flex;gap:1rem;align-items:center;background:transparent;backdrop-filter:blur(10px);padding:1.5rem 3rem}.navbar .divider{width:1px;height:20px;background:var(--verywhite__clr)}.navbar .resume-button{background:transparent;color:var(--special__1);border:2px solid var(--special__1);font-size:var(--normal__size);border-radius:4px;transition:.2s;cursor:pointer;margin-left:auto;position:relative}.navbar .resume-button .main{width:100%;height:100%;padding:.5rem 1.5rem;position:relative;overflow:hidden}@media screen and (width <= 700px){.navbar .resume-button .main{padding:0}}.navbar .resume-button .main img{width:35px}@media screen and (width > 700px){.navbar .resume-button .main img{display:none}}.navbar .resume-button .main span{font-size:var(--normal__size)}@media screen and (width <= 700px){.navbar .resume-button .main span{display:none}}.navbar .resume-button .main:after{content:"";position:absolute;top:0;left:0;width:0%;height:0%;background:var(--special__1);z-index:-1;transition:.2s}@media screen and (width <= 700px){.navbar .resume-button .main:after{display:none}}.navbar .resume-button .main:hover{color:var(--black__clr)}.navbar .resume-button .main:hover:after{width:100%;height:100%}@media screen and (width <= 700px){.navbar .resume-button{border:0;padding:.25rem;border-radius:50%;width:45px;height:45px}.navbar .resume-button:hover{background:var(--special__1__trs)}}@media screen and (width <= 900px){.navbar{padding:1rem 2.25rem}}@media screen and (width <= 700px){.navbar{padding:.75rem .5rem .75rem 2rem;width:100%;left:0;padding-left:70px}}@media screen and (width <= 340px){.navbar .theme-button,.navbar .divider{display:none}}.dot-grid{position:absolute;top:7rem;right:3.5rem;z-index:0;max-width:60%;display:grid}.dot-grid .dot-wrapper{padding:.8rem;cursor:crosshair;transition:.2s background;border-radius:8px}.dot-grid .dot-wrapper .dot{width:9px;height:9px;border-radius:50%;background:linear-gradient(to top right,var(--black__clr),var(--white__clr));opacity:.35}.dot-grid .dot-wrapper:hover{background:var(--gray__clr__trs)}.dot-grid .dot-wrapper:hover .dot{background:linear-gradient(to top right,var(--black__clr),var(--special__1))!important;opacity:1!important}.social-links{display:flex;align-items:center;gap:1rem;padding:.25rem 0}.social-links__icon{color:var(--white__clr)}.social-links__icon:hover{color:var(--special__1)}.project-buttons{margin-top:1rem;padding-bottom:.5rem;display:flex;gap:1rem;overflow-x:auto}.project-buttons::-webkit-scrollbar{display:initial;height:10px;background:transparent}.project-buttons::-webkit-scrollbar-thumb{border-radius:10px;background:var(--special__1__trs);cursor:pointer}.project-buttons button{font-size:calc(var(--normal__size) - 1px);color:var(--white__clr);padding:.25rem 1rem .4rem;user-select:none;white-space:nowrap;background:transparent;border:1px solid var(--white__clr);border-radius:20px;outline:none;transition:background .2s,color .2s,border .2s;cursor:pointer}.project-buttons button:is(:hover,.active){background:var(--special__1__trs);color:var(--special__1);border-color:currentColor}.project-buttons .btn-modal{background:var(--gray__clr);height:2.35rem;border-radius:20px;position:relative;overflow:hidden}.project-buttons .btn-modal:after{content:"";position:absolute;top:50%;left:-40%;animation:loading 1s ease-in-out infinite,blinking 1s ease-in-out infinite;height:6rem;width:1.5rem;background:var(--gray__clr__trs);transform:translateY(-50%) rotate(30deg)}@keyframes loading{to{left:120%}}.project-buttons .btn-modal:nth-child(1){width:4rem}.project-buttons .btn-modal:nth-child(2){width:6rem}.project-buttons .btn-modal:nth-child(3){width:5rem}.project-buttons .btn-modal:nth-child(4){width:7rem}.project-buttons .btn-modal:nth-child(5){width:5rem}.no-items{color:var(--special__1);background:var(--special__1__trs);width:100%;max-width:600px;margin:4rem 0 1rem;padding:2rem 1rem;border-radius:12px;display:grid;place-items:center}.no-items .icon{color:var(--special__1)}.no-items h1{margin-top:2rem;font-size:calc(var(--medium__size) - 2px)}.colors-container{display:flex;gap:1rem;z-index:1}.colors-container label{width:16px;height:16px;border-radius:50%;position:relative;cursor:pointer}.colors-container label input{display:none}.colors-container label:has(input[type=radio]:checked):after{position:absolute;top:50%;left:50%;content:"";width:24px;height:24px;border-radius:50%;border:1px solid var(--c);transform:translate(-50%,-50%)}.langs-container{display:flex;align-items:center;gap:.5rem;z-index:1}.langs-container__lng{font-size:calc(var(--normal__size) - 4px);color:var(--white__clr);padding:.15rem .75rem .25rem;user-select:none;white-space:nowrap;background:transparent;border:1px solid var(--white__clr);border-radius:20px;outline:none;transition:background .2s,color .2s,border .2s;cursor:pointer}.langs-container__lng:is(:hover,.active){background:var(--special__1__trs);color:var(--special__1);border-color:currentColor}.theme-button{display:flex;align-items:center;justify-content:center;z-index:1;background:none;border:0;outline:none;cursor:pointer}.hero{padding-top:10rem;padding-bottom:20rem;width:100%;max-width:1000px;display:flex;flex-direction:column;gap:.5rem}.hero__top-section{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.hero__top-section .divider{width:1px;height:20px;background:var(--verywhite__clr)}.hero h1{font-size:var(--verybig__size);font-weight:800;font-family:Agdasima,sans-serif;color:var(--verywhite__clr);display:inline-block}.hero h1 label{color:var(--special__1)}.hero h1.rtl{direction:rtl;text-align:right}.hero h1.ltr{direction:ltr;text-align:left}.hero .domain{color:var(--verywhite__clr);display:inline-block;font-size:calc(var(--medium__size) + 4px)}.hero .domain__special{font-family:Agdasima,sans-serif;color:var(--special__1)}.hero .domain.rtl{direction:rtl;text-align:right}.hero .domain.ltr{direction:ltr;text-align:left;line-height:1.1}.hero .intro{margin-top:1rem;color:var(--verywhite__clr);font-size:var(--normal__size);font-weight:400;line-height:calc(var(--normal__size) + 8px);margin-bottom:2rem;width:100%;max-width:700px}.hero .intro.rtl{direction:rtl;text-align:right}.hero .intro.ltr{direction:ltr;text-align:left}.hero .contact{display:block;width:max-content;text-decoration:none;color:var(--black__clr);background:var(--special__1);padding:.5rem 1.5rem;font-size:var(--normal__size);border-radius:4px}.hero .contact:hover{text-decoration:underline}.hero .contact.rtl{direction:rtl;text-align:right}.hero .contact.ltr{direction:ltr;text-align:left}@media screen and (width <= 700px){.hero{padding-top:10rem;padding-bottom:10rem}}.section-title{display:flex;justify-content:space-between;gap:3rem;align-items:center}.section-title h1{color:var(--verywhite__clr);font-size:var(--big__size);font-family:Agdasima,sans-serif;display:inline-block}.section-title h1 label{color:var(--special__1)}.section-title .line{width:100%;height:1px;background:var(--white__clr)}@media screen and (width <= 700px){.section-title{gap:1.5rem}}.details-wrapper{position:fixed;top:0;left:0;z-index:999;width:100%;height:100%;min-height:100vh;overflow-y:scroll;background:transparent;backdrop-filter:blur(10px);padding:4rem 0;cursor:pointer}.details-wrapper::-webkit-scrollbar{display:none}.details-wrapper button{position:absolute;top:1.5rem;right:1.5rem;background:transparent;outline:none;border:0;color:var(--white__clr);cursor:pointer}.details-wrapper button:hover{color:var(--special__1)}.details-wrapper .main{width:95%;max-width:900px;margin:0 auto;padding:0 0 2rem;border-radius:12px;background:var(--gray__clr);overflow:hidden;box-shadow:0 0 1px 1px #ffffff1a;cursor:default}.details-wrapper .main .project-picture{width:100%;aspect-ratio:2;background:var(--gray__clr);border-radius:12px;padding:10px;overflow:hidden;display:flex;justify-content:center;align-items:center}.details-wrapper .main .project-picture img{background:var(--gray__clr__trs);width:100%;height:100%;border-radius:6px;object-fit:cover}.details-wrapper .main .project-data{padding:0 2rem;display:flex;flex-direction:column;gap:.75rem}.details-wrapper .main .project-data .project-title-category{display:flex;justify-content:space-between;align-items:center;color:var(--verywhite__clr)}.details-wrapper .main .project-data .project-title-category .project-title{font-size:calc(var(--medium__size))}.details-wrapper .main .project-data .project-title-category .project-category{color:var(--special__1);font-size:calc(var(--normal__size));font-weight:600;border:1px solid var(--special__1);padding:.25rem .75rem;border-radius:6px}.details-wrapper .main .project-data .langs{display:flex;flex-wrap:wrap;gap:.5rem}.details-wrapper .main .project-data .langs label{color:var(--special__1);font-size:var(--normal__size);font-weight:500;display:flex;align-items:center;gap:.5rem}.details-wrapper .main .project-data .langs label .langs-separator{color:var(--verywhite__clr)}.details-wrapper .main .project-data__description{color:var(--verywhite__clr);font-size:calc(var(--normal__size) - 2px);line-height:calc(var(--normal__size) + 7px);letter-spacing:-.1px}.details-wrapper .main .project-data__description:not(:last-child){margin-bottom:.35rem}.details-wrapper .main .project-data__description:first-letter{font-size:calc(var(--normal__size) + 1px)}.details-wrapper .main .project-data h2{color:var(--verywhite__clr);font-size:26px}.details-wrapper .main .project-data h2 label{color:var(--special__1)}.details-wrapper .main .project-data .the-links{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;font-size:var(--normal__size)}.details-wrapper .main .project-data .the-links .private-project{color:var(--red__clr);font-weight:700;text-decoration:underline;cursor:not-allowed}.details-wrapper .main .project-data .the-links .private-project::selection{background:var(--red__clr)}.details-wrapper .main .project-data .the-links .nopreview-project{color:#0877b9;font-weight:700;text-decoration:underline;cursor:not-allowed}.details-wrapper .main .project-data .the-links .nopreview-project::selection{background:#0877b9}.details-wrapper .main .project-data .the-links a{text-decoration:none;color:var(--special__1);font-weight:700;display:flex;align-items:end;gap:.25rem}.details-wrapper .main .project-data .the-links a:hover{text-decoration:underline currentColor}@media screen and (width <= 700px){.details-wrapper .main .project-data{padding:0 .75rem}}.project{display:flex;flex-direction:column;gap:1rem}.project__profile{width:100%;aspect-ratio:1.8;background:var(--gray__clr);border-radius:12px;cursor:pointer;position:relative;overflow:hidden}.project__profile img{background:var(--gray__clr__trs);position:absolute;bottom:-5%;left:50%;transform:translate(-50%);width:85%;aspect-ratio:2/1;object-fit:cover;border-radius:6px;transition:.3s}.project__profile:hover img{transform:translate(-50%) rotate(1.5deg) scale(1.08)}.project__info{display:flex;flex-direction:column;gap:.5rem}.project__info__title-link{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.project__info__title-link h1{color:var(--verywhite__clr);font-size:calc(var(--normal__size) + 4px)}.project__info__title-link__link{display:flex;align-items:center;gap:.25rem}.project__info__title-link__link .line{width:28px;height:1px;background:var(--white__clr);opacity:.5}.project__info__title-link__link a{color:var(--white__clr);transition:.2s}.project__info__title-link__link a:hover{color:var(--verywhite__clr)}.project__info__languages{display:flex;flex-wrap:wrap;gap:.25rem}.project__info__languages label{color:var(--special__1);font-size:var(--normal__size);font-weight:500;display:flex;align-items:center;gap:.25rem}.project__info__languages label .langs-separator{color:var(--white__clr)}.project__info__desc p{color:var(--white__clr);font-size:var(--normal__size)}.project__info__desc p button{margin-left:4px;background:transparent;border:0;outline:none;color:var(--special__1);font-size:var(--normal__size);cursor:pointer}.project__info__desc p button label{font-weight:900}.project__info__desc p button:hover{text-decoration:underline currentColor}.tag-label{background:var(--gray__clr__trs);color:var(--verywhite__clr);padding:.25rem .55rem;border-radius:20px;border:1px solid var(--gray__clr);font-weight:500;font-size:15px;letter-spacing:.1px;display:grid;place-items:center}.experience-wrapper{width:100%}.experience-wrapper__content{display:flex;flex-direction:column;gap:.25rem}.experience-wrapper__content__company,.experience-wrapper__content__job{display:flex;align-items:center;justify-content:space-between;gap:.5rem;color:var(--verywhite__clr)}.experience-wrapper__content__company h2,.experience-wrapper__content__job h2{font-size:calc(var(--normal__size) + 5px)}.experience-wrapper__content__company p,.experience-wrapper__content__job p{font-size:calc(var(--normal__size));white-space:nowrap}@media screen and (width <= 490px){.experience-wrapper__content__company,.experience-wrapper__content__job{flex-direction:column;align-items:start;gap:0}}.experience-wrapper__content__job{margin-bottom:.25rem}.experience-wrapper__content__job h2{color:var(--special__1)}.experience-wrapper__content__desc{color:var(--white__clr);font-size:calc(var(--normal__size));line-height:calc(var(--normal__size) + 8px);margin-bottom:.75rem}.experience-wrapper__content__langs{display:flex;flex-wrap:wrap;gap:.75rem .5rem}.experience-wrapper .line{width:100%;height:1px;background:var(--gray__clr);margin-top:1.5rem}.about__content{display:grid;grid-template-columns:auto 340px;grid-gap:1rem;margin-top:2rem}.about__content__introduction{display:flex;flex-direction:column;gap:1.5rem}.about__content__introduction p{font-size:var(--normal__size);color:var(--white__clr);line-height:calc(var(--normal__size) + 8px)}.about__content__introduction .first:first-letter{text-transform:uppercase;color:var(--verywhite__clr);padding:.35rem .5rem;margin-right:4px;border-radius:4px;background:var(--gray__clr);font-size:calc(var(--normal__size) + 8px);font-weight:700;float:left;line-height:calc(2 * var(--normal__size))}.about__content__introduction .mylinks{display:flex;gap:1rem;margin-top:auto}.about__content__introduction .mylinks p{display:flex;align-items:center;gap:.5rem;color:var(--special__1);font-weight:500;font-size:calc(var(--normal__size) + 2px)}.about__content__frameworks{display:flex;flex-direction:column;gap:2rem}.about__content__frameworks .category h1{font-size:calc(var(--normal__size) + 4px);color:var(--verywhite__clr);margin-bottom:1rem;display:flex;align-items:center;gap:.35rem}.about__content__frameworks .category .items{display:flex;flex-wrap:wrap;gap:.75rem .5rem}@media screen and (width <= 800px){.about__content{grid-template-columns:1fr}}.projects__wrapper{display:grid;grid-gap:2rem;grid-template-columns:repeat(2,1fr);margin-top:2rem}.projects__wrapper.flex{display:flex;justify-content:center}.projects__wrapper .project-modal{width:100%;aspect-ratio:1.8;background:var(--gray__clr);border-radius:12px;animation:blinking 2s ease-in-out infinite;position:relative;overflow:hidden}@keyframes blinkin{0%,to{opacity:1}40%{opacity:.2}70%{opacity:1}}.projects__wrapper .project-modal__img{background:var(--gray__clr__trs);position:absolute;bottom:-5%;left:50%;transform:translate(-50%);width:85%;aspect-ratio:2/1;border-radius:6px}.projects__wrapper .new-project-goes-here{background:var(--gray__clr__trs);border:2px dashed var(--gray__clr);border-radius:12px;border-spacing:10px;padding:5rem 1rem;display:flex;flex-direction:column;align-items:center}.projects__wrapper .new-project-goes-here h1{color:var(--verywhite__clr);text-transform:uppercase;margin-top:2.5rem;text-align:center;font-size:calc(var(--medium__size) + 4px)}.projects__wrapper .new-project-goes-here p{color:var(--white__clr);margin-top:.5rem;text-align:center;font-size:var(--normal__size)}.projects__wrapper .new-project-goes-here .contact{display:block;width:max-content;text-decoration:none;color:var(--black__clr);background:var(--special__1);padding:.5rem 1.5rem;font-size:var(--normal__size);border-radius:4px;margin-top:2.5rem}.projects__wrapper .new-project-goes-here .contact:hover{text-decoration:underline}@media screen and (width > 700px){.projects__wrapper .new-project-goes-here{grid-column:1/span 2}}@media screen and (width <= 700px){.projects__wrapper{grid-template-columns:1fr}}.experiences__wrapper{margin-top:1rem;display:flex;flex-direction:column;align-items:center;gap:2rem}.experiences__wrapper .experience-modal{background:var(--gray__clr__trs);width:100%;height:200px;border-radius:12px;animation:blinking 2s ease-in-out infinite}@keyframes blinking{0%,to{opacity:1}40%{opacity:.2}70%{opacity:1}}.contact.section{display:flex;flex-direction:column;align-items:center;padding-top:10rem;height:625px}.contact.section h1{font-size:var(--verybig__size);color:var(--verywhite__clr);font-family:Agdasima,sans-serif}.contact.section h1 label{color:var(--special__1)}.contact.section p{color:var(--verywhite__clr);font-size:calc(var(--normal__size));width:100%;max-width:700px;text-align:center;margin-bottom:2rem;margin-top:2rem}.contact.section p a{text-decoration:none;color:var(--special__1)}.contact.section p a:hover{text-decoration:underline currentColor}.contact.section .mail{color:var(--verywhite__clr);font-size:calc(var(--normal__size) + 2px);font-weight:500;display:flex;align-items:end;gap:.5rem;text-decoration:none;transition:.2s}.contact.section .mail:hover{color:var(--special__1)}:root{--red__clr: red;--red__clr__trs: rgba(255, 0, 0, .2);--green__clr: green;--green__clr__trs: rgba(0, 128, 0, .2);--special__1: #6b2fef;--special__1__trs: #6c2fef33;--special__2: #9b07df;--special__2__trs: rgba(155, 7, 223, .2);--verybig__size: 70px;--big__size: 50px;--medium__size: 34px;--normal__size: 19px}:root.dark{--main__bg: #111111;--verywhite__clr: rgba(235, 236, 243, 1);--white__clr: rgba(235, 236, 243, .7);--white__clr__trs2: rgba(235, 236, 243, .2);--black__clr: #080808;--black__clr__trs: rgba(8, 8, 8, .6);--gray__clr: #232323;--gray__clr__trs: rgba(128, 128, 128, .1)}:root.light{--main__bg: rgba(235, 236, 243, .7);--verywhite__clr: #080808;--white__clr: #111111;--white__clr__trs2: rgba(8, 8, 8, .6);--black__clr: #b5b5b5;--black__clr__trs: rgba(235, 236, 243, .2);--gray__clr: #bababa;--gray__clr__trs: rgba(20, 20, 20, .1)}@media screen and (width <= 900px){:root{--verybig__size: 60px;--big__size: 40px;--medium__size: 30px}}@media screen and (width <= 700px){:root{--verybig__size: 50px;--big__size: 36px;--medium__size: 26px;--normal__size: 18px}}@media screen and (width <= 500px){:root{--verybig__size: 40px;--big__size: 32px;--medium__size: 22px}}*{padding:0;margin:0;box-sizing:border-box;font-family:system-ui,sans-serif;scroll-behavior:smooth}body{background:var(--main__bg);color:var(--white__color)}*::selection{color:var(--black__clr);background:var(--special__1)}::-webkit-scrollbar{display:none}