*,*:before,*:after{box-sizing:border-box}html,body,h1,h2,h3,h4,p,ul,li{margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif;background-image:url(/assets/black-wallpaper-image.jpg);background-size:cover;color:#fff}ul{list-style:none}a{text-decoration:none;color:inherit}:root{--text-color: hsl(0, 0%, 90%);--blue-color: #1e99d6;--hover-color: hsl(200, 100%, 65%)}html{font-size:62.5%;scroll-behavior:smooth}.second-title{text-align:center;padding:2rem;font-size:clamp(2.4rem,3.5vw,4rem);border-bottom:.1px solid white}.projects-list{display:flex;flex-direction:column}.project-redirection{display:flex;justify-content:space-between;cursor:pointer;gap:2rem;padding:2rem;color:var(--text-color)}.project-redirection:hover{background:#7472722e;transition:.2s}.project-redirection:hover .projects-preview{transform:scale(1.025)}.project-redirection:hover .project-title{color:#e641b2}.project-title{margin-bottom:1rem;font-size:clamp(2rem,3.5vw,3rem);transition:.7s}.tools{margin-bottom:3rem}.tools,.tools-container{display:flex;flex-direction:column;gap:.5rem;flex-wrap:wrap}.project-description{font-size:1.6rem;margin-bottom:1rem}.tool{display:flex;gap:.5rem;font-size:clamp(1.6rem,3.5vw,2rem)}.tool svg{width:2rem}.preview-wrapper{display:flex;justify-content:center;width:50%}.projects-preview{max-width:100%;max-height:100%;border-radius:2rem;transition:transform .2s ease}.project-wrapper{width:50%}.click-more{color:#fff;display:flex;align-items:center;font-size:1.8rem;gap:1rem}:focus-visible{outline:1px solid gray}.pink{color:#db61b4}.yellow{color:#f3cf3f}.orange{color:#e79740}.red{color:#ea5353}.green{color:#2cdd8a}.blue{color:#49c1e9}@keyframes to_bottom{0%{opacity:0;transform:translateY(-8rem)}to{opacity:1;transform:translateY(0)}}@keyframes to_left{0%{opacity:0;transform:translate(8rem)}to{opacity:1;transform:translate(0)}}@keyframes to_right{0%{opacity:0;transform:translate(-4rem)}to{opacity:1;transform:translate(0)}}@keyframes scale_img{0%{transform:scale(0)}to{transform:scale(1)}}.overflow-hidden{overflow-y:hidden}.hidden{display:none}.sections{display:flex;flex-direction:column;margin:0 auto;width:90%;gap:5rem}.first{width:100%;display:flex;justify-content:space-between;align-items:center;gap:3rem;z-index:3;opacity:0;animation:to_right 1s ease forwards .5s}.second{width:100%;box-shadow:.1rem .1rem 5rem .1rem var(--blue-color);background:#0706063d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;animation:to_left ease forwards 1s;margin-bottom:3rem}.personal{display:flex;flex-direction:column}.personal-description{display:flex;align-items:center;justify-content:center;gap:3rem}.text-box{display:flex;flex-direction:column;align-items:flex-start;color:var(--text-color);word-break:break-word}.icon-box{display:flex;gap:1rem;flex-direction:column}.icon-box svg{color:var(--blue-color);padding:.7rem;font-size:2.6rem;width:20px;height:20px;cursor:pointer;border:.2rem solid var(--blue-color);border-radius:50%;transition:.2s}.icon-box svg:hover{color:var(--text-color);background-color:var(--blue-color);box-shadow:0 0 .5rem var(--blue-color)}.text-box *{opacity:0}.text-box h1,.text-box strong{font-size:clamp(3rem,3.5vw,4rem);font-weight:300;animation:to_left 1s ease forwards}.contact{margin-top:2rem;display:flex;align-items:center;justify-content:center;gap:2rem;transition:.2s;animation:to_left 1s ease forwards .3s}.download-button{display:flex;align-items:center;gap:1rem;color:var(--text-color);padding:.5rem 1.5rem;border:.2rem solid var(--blue-color);background-color:var(--blue-color);font-size:clamp(1.7rem,3.5vw,2rem);cursor:pointer;border-radius:20px}.download-button svg{font-size:1.5rem}.download-button:hover{box-shadow:0 0 1.5rem var(--blue-color)}.about-redirect{display:flex;align-items:center;gap:1rem;font-size:clamp(1.7rem,3.5vw,2rem);padding:.5rem 1.5rem;text-decoration:none;cursor:pointer;border-radius:2rem;transition:.2s;box-shadow:.1rem .1rem 1rem .1rem #d1f4ff;background:#0706063d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:.1rem solid hsl(0,1%,19%);color:var(--text-color)}.about-redirect:hover{background-color:#3432329a}.image-container{display:flex;justify-content:center;max-width:20%}.personal-image{width:100%;height:auto;border:.5rem solid var(--text-color);border-radius:50%;box-shadow:1rem 1rem 5rem var(--blue-color);background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transform:scale(0);animation:scale_img 1s ease forwards .5s}.more-projects{padding:0rem 2rem 2rem;display:flex;align-items:flex-end;justify-content:flex-end;font-size:clamp(1.8rem,3.5vw,2rem)}.more-projects-anchor{display:flex;align-items:center;justify-content:center;gap:1rem;color:#fff;padding:.5rem 1.5rem;border-radius:2rem;transition:.2s}.more-projects-anchor svg{font-size:1.5rem}.more-projects-anchor:hover{background-color:#3432329a}@media(max-width:900px){.sections{width:99%}.project-redirection{flex-direction:column}.project-wrapper{width:100%}.preview-wrapper{display:flex;justify-content:center;width:100%}.project-title{text-align:center}.tools-container{flex-direction:row;gap:1rem}.tools{margin-bottom:1rem}.personal-image{display:none}.first{justify-content:center}}@media(max-width:630px){.about-redirect{display:none}.first{align-items:center;justify-content:center}}@media(max-width:460px){.sections{gap:2rem}.contact{flex-direction:column}.icon-box{display:none}.first{gap:0px}.text-box{padding:.5rem 1.5rem}}.contact-main{width:90%;margin:0 auto}.contact-text-wrapper{box-shadow:.1rem .1rem 5rem .1rem var(--blue-color);background:#0706063d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;animation:to_left ease forwards 1s;width:60%}.contact-wrapper{display:flex;justify-content:center;align-items:center;gap:4rem}.contact-h1-title{text-align:center;padding:2rem;font-size:clamp(2rem,3.5vw,3rem);border-bottom:.1px solid white}.contact-text-container{display:flex;flex-direction:column;gap:1rem;font-size:1.7rem;padding:2rem}.contact-li-wrapper{display:flex;justify-content:space-between}.contact-li-wrapper svg{width:2rem}.contact-li{display:flex;flex-direction:column;gap:1rem}.contact-li a{color:#fff;transition:.2s}.contact-li a:hover{color:#e641b2}.contact-image-container{display:flex;justify-content:center;width:40%}.contact-img{width:60%;height:auto;border:.5rem solid var(--text-color);border-radius:50%;box-shadow:1rem 1rem 5rem var(--blue-color);background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transform:scale(0);animation:scale_img 1s ease forwards .5s}.contact-flex-wrapper{display:flex;align-items:center;word-break:break-all;gap:1rem}@media(max-width:1030px){.contact-main{width:99%}.contact-wrapper{flex-direction:column;width:99%;gap:0px}.contact-text-wrapper{width:100%}.contact-image-container{width:100%;margin:5rem}}@media(max-width:600px){.contact-li-wrapper{flex-direction:column;gap:1rem}}@media(max-width:335px){.contact-flex-wrapper{align-items:flex-start}}.projects-container{display:flex;justify-content:center;flex-direction:column;width:80%;margin:0 auto;box-shadow:.1rem .1rem 5rem .1rem var(--blue-color);background:#0706063d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;animation:to_left ease forwards 1s}@media(max-width:900px){.projects-container{width:99%}.project-redirection{flex-direction:column}.project-wrapper{width:100%}.preview-wrapper{display:flex;justify-content:center;width:100%}.project-title{text-align:center}.tools-container{flex-direction:row;gap:1rem}.tools{margin-bottom:1rem}}.project-container{width:80%;margin:0 auto;box-shadow:.1rem .1rem 3rem .1rem #000073;background:#0706063d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:2rem;animation:to_left ease forwards 1s;padding-bottom:4rem;margin-bottom:4rem}.project-article{display:flex;align-items:center;flex-direction:column}.project-details-title{display:flex;align-items:center;justify-content:center;padding:2rem;font-size:clamp(2.2rem,3.5vw,4.5rem);gap:1rem}.project-details-title h1{font-size:inherit;margin:0}.project-video-wrapper{position:relative;width:90%;aspect-ratio:21 / 9;display:flex;justify-content:center;align-items:center;border-radius:20px}.embedded-video{width:100%;height:100%;border-radius:20px;display:block}.project-repo-redirect{color:#fff;transition:.2s}.project-repo-redirect:hover{color:#ff7b00}.project-video-wrapper:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:150px;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.7));pointer-events:none;border-radius:20px}.github-redirect{display:flex;align-items:center;gap:1rem}.github-redirect svg{color:#fff}.sections-navigation{display:flex;flex-direction:column;gap:1rem}.sections-navigation svg{font-size:1.4rem}.sections-navigation li{display:flex;align-items:center;gap:1rem}.sections-navigation li a{color:var(--text-color);text-decoration:none;font-weight:500;padding:.5rem 1rem .5rem 0rem;border-radius:5px;transition:all .2s}.sections-navigation li a:hover,.sections-navigation li a:focus{color:var(--blue-color)}.project-tools{display:flex;justify-content:space-between;align-items:center;width:90%;font-size:clamp(1.5rem,3vw,1.6rem);margin-top:1rem;margin-bottom:1rem;gap:1rem}.github-project-wrapper{display:flex;align-items:center;gap:.5rem}.github-project-wrapper svg{font-size:2rem}.tools-used-wrapper{display:flex;gap:1rem;align-items:center;padding:1rem 1rem 1rem 0rem}.tool-used{display:flex;gap:.5rem;align-items:center}.project-details-description{display:flex;flex-direction:column;gap:1.2rem;width:90%;font-size:1.6rem}.project-details-description h2{font-size:clamp(1.8rem,2.6vw,3rem)}.project-ul-wrapper{display:flex;gap:1rem;flex-direction:column}.project-li-icon{display:flex;align-items:flex-start;gap:1rem}.project-li-icon svg{margin-top:.4rem;width:2rem;color:#d4d3d3}.dark-blue{color:#3f83e9}.github-project-wrapper svg{color:var(--blue-color)}.redirect-project-wrapper strong,.github-project-wrapper strong{transition:color .2s ease}.redirect-project-wrapper.blue svg{color:#7cbeda}.redirect-project-wrapper.green svg{color:#8eccaf}.redirect-project-wrapper.blue strong:hover,.github-project-wrapper strong:hover{color:#85daff}.redirect-project-wrapper.green strong:hover{color:#73f7bc}.project-toc{display:flex;flex-direction:column;gap:1rem;text-decoration:none}.project-toc a{color:inherit;text-decoration:none}.project-toc a:visited{color:inherit}.project-toc a:active{color:var(--blue-color)}.project-toc a:focus{outline:none;text-decoration:none;color:var(--blue-color)}.project-toc h2{font-size:clamp(1.8rem,2.2vw,2.4rem);color:#6860fb}.project-text{scroll-margin-top:8rem;font-weight:700}.project-text-wrapper{display:flex;flex-direction:column;gap:1rem}.project-content-wrapper{display:flex;flex-direction:column;gap:1rem;background-color:#675b5b38;border-radius:20px;padding:1.5rem}.project-header{scroll-margin-top:8rem;display:flex;align-items:center;justify-content:center;font-size:clamp(2rem,2.8vw,3.2rem)}.project-text-introduction{margin-bottom:2rem;font-size:1.8rem;font-weight:700;color:#fdab68}.project-content-wrapper p,.project-content-wrapper li,.project-repo-redirect,.sections-navigation li a{line-height:1.5}.project-text-closer{margin-top:2rem;font-size:1.8rem;font-weight:700}.project-item-title-green path{color:#8eccaf}.project-item-title-blue path{color:#7cbeda}@media(max-width:600px){.project-details-title{padding:1.2rem 0}.project-details-title h1{line-height:1.1}.project-container{width:97%}}@media(max-width:400px){.github-redirect{flex-direction:column;align-items:flex-start}.project-tools{margin-top:5px;margin-bottom:5px}}.portfolio-header{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:5;color:var(--text-color);background:none;font-size:2.4rem;width:100%;padding:50px}.portfolio-logo{width:clamp(5rem,5vw,10rem);height:auto}header img{width:10rem;border-radius:50%;animation:to_bottom 1s ease forwards}.header-anchor{font-size:clamp(1.8rem,3.5vw,2.2rem);border:none;background:none;text-decoration:none;color:var(--text-color);cursor:pointer;animation:to_bottom 1s ease forwards}.header-anchor:hover,.active{color:var(--blue-color)}@media(max-width:615px){.portfolio-header{padding:1rem}}.nav-bar-ul{display:flex;align-items:center;gap:5rem}.bottom-icons svg{color:#fff;transition:.2s}.bottom-icons i:hover{color:var(--blue-color)}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000b6;z-index:5}.aside-nav-bar-wrapper{display:flex;flex-direction:column;align-items:center;position:fixed;top:0;right:0;width:30rem;height:100vh;transition:transform .5s ease;transform:translate(100%);z-index:10;background-color:#060606ed;will-change:transform}.aside-nav-bar-wrapper.open{transform:translate(0)}.aside-nav-bar{display:flex;flex-direction:column;width:100%;height:100%}.closing-wrapper{width:100%;display:flex;align-items:center;justify-content:flex-start;padding:1rem 2rem 0rem 2.5rem}.closing-button,.opening-button{padding:1rem;font-size:2rem;border:none;background:none;text-decoration:none;color:var(--text-color);cursor:pointer;animation:to_bottom 1s ease forwards}.closing-button:hover{background-color:#363636b6}.closing-button:focus:not(:focus-visible),.opening-button:focus:not(:focus-visible){outline:none}.github-header:focus{color:inherit}.header-anchor.github-header:hover{color:orange}.closing-button svg{width:2rem;height:2rem}.bottom-icons{display:flex;align-items:center;justify-content:flex-end;margin-top:auto;padding:2rem;font-size:2rem;gap:1rem;bottom:0;left:0;width:100%}.header-anchor{display:flex;justify-content:center;width:100%;padding:2rem;margin:0}.closing-button,.github-header{display:flex}