@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap);*{box-sizing:border-box;margin:0;padding:0}body,input[type=text]{background-color:#fff}body,button,input[type=text]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif}body::-webkit-scrollbar{background-color:#fff;width:10.35px}body::-webkit-scrollbar-thumb{background-color:#2f2f2f;border-radius:6px}.main-button-out{border:2px solid #000;border-radius:12px;color:#000}.main-button-fill,.main-button-out{background:none;cursor:pointer;font-size:clamp(.75em,4vw,1.5em);font-weight:500;padding:.5rem 1rem;text-decoration:none}.main-button-fill{background-color:#000;border:none;border-radius:12px;color:#fff}.sending{opacity:.8}.dark-body{background-color:#0a192f}.light-body{background-color:#fff}.light-color{color:#000}.dark-color{color:#fff}.light-fill{background-color:#000;color:#fff}.dark-fill{background-color:#fff;color:#000}.light-out{border:2px solid #000;color:#000}.dark-out{border:2px solid #fff;color:#fff}.nav-logo{cursor:pointer;height:60px;width:60px}.navbar{height:90px;width:100%}.navbar .container{align-items:center;display:flex;height:100%;justify-content:space-between;padding:3rem}.navbar .nav-menu{display:flex;list-style-type:none}.navbar .nav-link{font-size:20px;padding-left:1rem;padding-right:1rem;padding-top:.5rem;text-decoration:none}.navbar .nav-button{background:none;border-radius:12px;border-width:2px;cursor:pointer;font-size:20px;font-weight:500;height:42px;margin-left:.5rem;width:105px}.navbar .main-button-out{font-size:20px;padding:.3rem .5rem}.hamb{display:none;width:3.5em}.hamb-menu-close{margin:2rem 3rem auto auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.hamb-menu-active{background-color:#fff;display:block;height:100vh;inset:0;margin-left:auto;overflow:auto;position:fixed;width:60%;z-index:1}.dark-menu,.hamb-menu-active{box-shadow:-5px 4px 4px 1px rgba(0,0,0,.25)}.dark-menu{background-color:#0d213d;color:#fff}.hamb-menu-items{display:grid;margin:10rem 0;place-items:center}.hamb-menu-items ul{align-items:flex-start;display:flex;flex-direction:column;gap:1.5rem}.hamb-menu-inactive{display:none}.hamb-menu-items ul .nav-link{padding:0}.selected{color:#6c63ff}@media screen and (max-width:940px){.navbar .nav-menu{display:none}.hamb{display:block}}@media screen and (max-width:768px){.navbar .container{padding:2rem}}@media screen and (max-width:480px){.navbar .container{padding:1rem}.hamb{display:block}}.main-container{align-items:center;display:flex;justify-content:space-evenly;margin:0 2em;min-height:calc(100vh - 90px)}.main-intro-container{margin:1rem;max-width:36em}.main-intro-container h1{font-size:clamp(2em,3vw,3em);margin:.5em 0;min-width:16rem}.main-intro-container h2{color:#6c63ff;font-size:clamp(1.5em,2.5vw,2em);margin:.5em 0;min-width:16rem}.main-intro-container h5{font-size:clamp(.65em,4vw,1.3em);font-weight:500;min-width:16rem}.main-intro-container p{font-size:clamp(.6em,4vw,1.2em);margin:.75em 0;min-width:16rem}.main-im-container{margin:1rem;max-width:36em}.main-im-container svg{height:auto;min-width:20em;object-fit:cover;width:100%}.main-button-container{display:flex;gap:1rem;margin-top:3.5rem}.hello-container{align-items:center;display:flex;gap:.5rem}@media screen and (max-width:940px){.main-container{flex-direction:column-reverse;height:100%}.main-im-container{max-width:400px}}@media screen and (max-width:480px){.main-container{gap:1rem;margin:0 1em}}.main-personal-conatiner{margin-top:5rem}.about-container{align-items:flex-start;display:flex;gap:5%;justify-content:space-between;margin:0 auto;max-width:90rem}.about-nav{margin-left:2em;max-width:36em}.about-info{margin:1rem;width:60em}.about-info h1{font-size:clamp(2em,2.5vw,5em);max-width:30rem}.about-info p{font-size:clamp(1em,2vw,1.2em);margin:2rem 0;max-width:50rem}.about-nav ul{display:flex;flex-direction:column;flex-wrap:wrap;gap:4.8rem;list-style:none;margin:1rem}.about-item{cursor:pointer;font-size:clamp(1.5em,2vw,1.8em);font-weight:300}.social-container{display:flex;gap:1rem;justify-content:space-between;list-style:none;max-width:40rem;width:100%}.social-item svg{cursor:pointer;height:auto;min-width:1em;object-fit:cover;width:100%}.center-container{align-items:center;display:flex;justify-content:center;margin:5em 4em}.soft-container{margin-top:1rem;width:100%}.soft-container ul{display:flex;flex-direction:column;gap:2rem;list-style:none;margin-top:2rem}.soft-item{font-size:1.25em;font-weight:400}.tech-grid{grid-gap:2.5rem 5rem;display:grid;gap:2.5rem 5rem;grid-template-columns:repeat(2,1fr);margin-right:2rem;margin-top:2rem}.grid-item{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem}.item-name{font-weight:700}.item-bar svg{width:100%}.interests-grid{grid-gap:2.5rem 20%;align-items:end;display:grid;gap:2.5rem 20%;grid-template-columns:repeat(2,1fr);margin-right:2rem;margin-top:2rem}.interests-item{gap:1rem}.app-built-container,.interests-item{align-items:center;display:flex;justify-content:start}.app-built-container{flex-wrap:wrap;gap:5rem;margin-bottom:3rem;margin-top:2rem;min-width:5rem}.app-built-title{font-size:1.5em;font-weight:400}.design-apps{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);padding-right:10%}.designer-app-container{align-items:center;display:flex;gap:.5rem;margin-top:2rem}.app-title{opacity:.5}.about-desc-container{align-items:center;display:flex;gap:10%}.profile-img-light{box-shadow:.6rem .6rem 0 1px #000}.profile-img-dark,.profile-img-light{border-radius:10px;height:auto;width:100%}.profile-img-dark{box-shadow:.6rem .6rem 0 1px #fff}.profile-container{height:100%;margin:1rem}@media screen and (max-width:768px){.about-container{gap:2rem}.about-nav{margin-left:5%}.about-info{margin-right:5%}.about-desc-container{flex-wrap:wrap;gap:2rem}.profile-img{width:80%}.profile-container{display:flex;justify-content:center}}@media screen and (max-width:520px){.about-nav ul{flex-direction:row;gap:2rem}.about-nav{max-width:none}.about-item{font-size:clamp(1em,2.5vw,2em);font-weight:300;height:10px}.about-container{flex-direction:column;margin:0 1rem}.about-nav{margin-bottom:2rem;margin-left:0}.app-built-container svg{width:100%}.app-built-container{gap:2rem}.about-info{margin-right:1rem;width:95%}}.title-container,.work-container{align-items:center;display:flex;justify-content:center}.work-container{flex-direction:column;gap:5rem 0;margin-left:5%;margin-right:5%;margin-top:5rem;min-height:calc(100vh - 90px)}.work-item{align-items:center;display:flex;gap:1rem;justify-content:center;margin:0 2rem;max-width:70rem}.work-item-im{border:2px solid #000;border-radius:12px;height:auto;width:max(50%,70%)}.work-item-description{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem 0}.work-item-right-desc{border-radius:12px;box-shadow:-.2rem .2rem #3b3b3b;padding:1rem}.light-work-item{background-color:#000;color:#fff}.dark-work-item{background-color:#0d213d}.work-item:nth-child(2n) .work-item-description{align-items:flex-start}.work-item:nth-child(2n){flex-direction:row-reverse}.work-item:nth-child(2n) .work-item-right-desc{box-shadow:-.2rem .2rem #3b3b3b;margin-right:-5rem}.work-item:nth-child(odd) .work-item-right-desc{margin-left:-5rem}.project-type{align-items:center;display:flex;gap:.3rem}.work-item:nth-child(2n) .project-type{flex-direction:row-reverse}.nav-link{color:inherit;text-decoration:none}.filter-container{justify-content:center;margin-left:5%;margin-right:5%;margin-top:2rem}.filter,.filter-container{align-items:center;display:flex}.filter{gap:4rem;max-width:70rem;width:100%}.filter select{border:2px solid;border-radius:10px;font-family:Roboto}.filter select,.filter-btn-light{cursor:pointer;font-weight:600;padding:.5rem}.filter-btn-light{border:2px solid #000;border-radius:10px}.filter-btn-dark{border:2px solid #fff;border-radius:10px;cursor:pointer;font-weight:600;padding:.5rem}.selected-btn-light{background-color:#000;color:#fff}.selected-btn-dark{background-color:#fff;color:#000}.projtype{display:flex;gap:1rem}@media screen and (max-width:745px){.work-container{margin:5%}.work-item{flex-direction:column;margin:0;max-width:100%}.work-item-description{align-items:flex-start;background-color:#000;border-radius:12px;box-shadow:.2rem .2rem #3b3b3b;color:#fff;margin-left:2rem;margin-right:2rem;margin-top:-4rem;max-width:25rem;padding:1rem}.dark-work-item-desc{background-color:#0d213d}.work-item-im{height:auto;width:100%}.work-item svg path{fill:#fff}.work-item:nth-child(odd) .work-item-right-desc{background-color:initial;box-shadow:none;margin:auto}.work-item .main-button-fill{background-color:#fff;color:#000}.work-item:nth-child(2n){flex-direction:column}.work-item:nth-child(2n) .work-item-right-desc{background-color:initial;box-shadow:none;flex-direction:row-reverse;margin:auto}.work-item:nth-child(2n) .project-type{flex-direction:row}}@media screen and (max-width:500px){.filter{align-items:flex-start;flex-direction:column}}.education-container{align-items:flex-start;display:flex;gap:5rem;justify-content:space-between;margin:5rem 20%;min-height:calc(100vh - 90px)}.ed-nav ul{border-left:.3rem solid;display:flex;flex-direction:column;gap:2rem;list-style:none;max-width:20rem;min-width:10rem}.ed-nav li{cursor:pointer;margin-left:-.3rem;padding-left:1rem;position:relative}.highligh{border-left:.3rem solid #6c63ff;inset:0;position:absolute;z-index:1}.ed-details{display:flex;gap:10%;justify-content:flex-start;margin-bottom:2rem;margin-top:1rem}.ed-desc{max-width:30rem}.ed-desc p{margin:2rem 0}.ed-desc h1{color:#6c63ff}.education-container a{margin-right:2rem}@media screen and (max-width:780px){.education-container{flex-direction:column;justify-content:space-evenly;margin:5rem 5%}.ed-nav,.ed-nav ul{max-width:100%}.ed-nav ul{align-items:flex-end;border-bottom:.3 solid #000;border-left:none;flex-direction:row;gap:1.5rem;height:auto;justify-content:flex-start;overflow-x:scroll}.ed-nav li{min-width:15rem;padding:.5rem .5rem 1rem}.highligh{border-bottom:.3rem solid #6c63ff;border-left:none;z-index:-1}}.ctc-ctnr{min-height:calc(100vh - 90px)}.contact-container{align-items:flex-start;display:flex;gap:2rem;justify-content:space-evenly;margin:5rem 10%}.contact-item{align-items:center;display:flex;flex-direction:column;width:100%}.contact-item svg{height:auto;margin-bottom:1rem;width:8rem}.message-container{align-items:flex-start;display:flex;gap:2rem;justify-content:space-evenly;margin:6rem 10rem 0}.id-area{display:flex;flex-direction:column;gap:1rem;justify-content:center;width:50%}.id-area input{min-height:4rem}.id-area input,.message-area{background-color:#d9d9d9;border:none;border-radius:12px;padding:1rem}.message-area{height:14rem;resize:none;width:100%}.btn-contanier{display:flex;gap:1rem}.btn-contanier h3{font-size:1em}.btn-contanier svg{height:auto;min-width:1rem}.btn-spacing{margin:2rem 10rem}@media screen and (max-width:1180px){.message-container{margin:6rem 5rem 0}.btn-spacing{margin:2rem 5rem}}@media screen and (max-width:960px){.contact-item svg{width:6rem}.contact-item h3{font-size:1em}}@media screen and (max-width:870px){.contact-item svg{width:5rem}.contact-item h3{font-size:.8em}.message-container{flex-direction:column}.id-area{width:100%}}@media screen and (max-width:670px){.contact-container{flex-direction:column;margin:5%}.btn-spacing{margin:5%}.contact-item{align-items:center;flex-direction:row;gap:1rem}.contact-item h3{font-size:1em}.contact-item svg{margin-right:2rem;max-width:4rem;min-width:4rem}.message-container{margin:6rem 5% 0}.btn-contanier svg{height:auto;max-width:.5rem}}.footer-container{align-items:center;display:grid;grid-template-columns:repeat(3,1fr);width:100%}.footer-container h5{font-weight:900;min-width:10rem}.footer-message{display:flex;grid-column:2;justify-content:center}.footer-margin{margin:1rem 2rem 0;padding:1rem 0}.langbtn,.themebtn{cursor:pointer}.btn-container{align-items:center;display:flex;gap:1rem;margin-right:1rem}.loader-container{bottom:0;display:grid;left:0;place-items:center;position:absolute;right:0;top:0}.loader{width:10rem}.loader svg{height:auto;max-width:100%}#logo path:first-child{stroke-dasharray:1227;stroke-dashoffset:1227;-webkit-animation:line-anim 2s ease .8s forwards,fill .5s linear 2.8s forwards;animation:line-anim 2s ease .8s forwards,fill .5s linear 2.8s forwards}#logo path:nth-child(2){stroke-dasharray:1690;stroke-dashoffset:1690;-webkit-animation:line-anim 2s ease .5s forwards;animation:line-anim 2s ease .5s forwards}@-webkit-keyframes line-anim{to{stroke-dashoffset:0}}@keyframes line-anim{to{stroke-dashoffset:0}}@-webkit-keyframes fill{0%{fill:transparent}to{fill:#000}}@keyframes fill{0%{fill:transparent}to{fill:#000}}.project-container{margin:2rem 10%}.proj-header{display:flex;flex-wrap:wrap;gap:10%;gap:2rem 2rem;justify-content:space-between;margin:2rem 0;overflow-x:hidden;padding:1rem 0}.header-tab{display:flex;flex-direction:column;gap:.5rem 1rem;justify-content:flex-start;margin-top:1rem;max-height:15rem;min-width:12rem;overflow-y:auto}.header-tab::-webkit-scrollbar{width:.2rem}.header-tab::-webkit-scrollbar-thumb{background-color:#2f2f2f;border-radius:6px}.proj-header::-webkit-scrollbar{height:.2rem}.proj-header::-webkit-scrollbar-thumb{background-color:#2f2f2f;border-radius:6px}.project-description p{margin:1rem 0}.project-description{max-width:80%}.rating,.rating-container{margin:4rem 0}.rating{align-content:center;align-items:center;display:flex;flex-direction:column;gap:.5rem}.rating p{color:#6c63ff;font-weight:700}.rating h1{font-size:3em}.aspects-container{display:flex;justify-content:space-between}.light-divider{background-color:#000;min-height:100%;width:2px}.dark-divider{background-color:#fff;min-height:100%;width:2px}.neg-asp{align-items:flex-end;display:flex;flex-direction:column;text-align:right}.neg-asp,.pos-asp{width:50%}.neg-asp p,.pos-asp p{margin:.5rem;max-width:60%}.btns-container{align-items:center;display:flex;justify-content:space-between;margin:4rem 0}.proj-links{display:flex}.btns-container a{margin-right:1rem}.btns-container svg{height:auto;min-width:50px}.btn-container-car{justify-content:space-between;position:absolute;width:100%}.btn-container-car,.dark-container{align-items:center;display:flex;height:100%}.dark-container{background-color:#000;opacity:1}.btn-container-car a{cursor:pointer}.btn-container-car svg{width:100%;z-index:1}.img-car-container{align-items:center;display:flex;height:65vh;justify-content:center;margin:2rem 0;overflow:hidden;position:relative}.img-car-container img{height:100%;max-width:100%;object-fit:cover;position:absolute}.car-nav{display:flex;gap:.5rem;justify-content:flex-start;margin-top:1rem;width:100%;z-index:1}.car-nav-item{border:solid;border-radius:12px;cursor:pointer;height:1.5rem;width:3.2rem}.tab-container{align-items:center;display:flex;gap:.5rem;justify-self:center;margin-right:.3rem}@media screen and (max-width:1000px){.project-container{margin:2rem 0}.project-info{margin:5%}.btn-container-car svg{width:75%}.img-car-container{height:50vh}.car-nav{justify-content:center}.project-description{max-width:90%}}@media screen and (max-width:800px){.img-car-container{height:40vh}}@media screen and (max-width:700px){.img-car-container{height:30vh}.aspects-container{flex-direction:column;gap:1rem}.neg-asp,.pos-asp{width:100%}.car-nav-item{height:1rem;width:2.2rem}.project-description{max-width:100%}.neg-asp{align-items:flex-start;text-align:left}.neg-asp p,.pos-asp p{max-width:100%}}@media screen and (max-width:450px){.btns-container svg{width:60px}}
/*# sourceMappingURL=main.65566234.css.map*/