footer{background:var(--purple-color)}footer a{color:var(--text-color)}footer i{font-size:1.5rem}footer #socials ul{display:flex;justify-content:center}footer #socials ul li{margin:10px;padding:5px;border:1px solid var(--text-color)}footer #socials ul li:first-child{margin-left:0}footer #socials ul li i{font-size:30px}footer #footer-name{text-align:center;font-size:1.5rem}@media screen and (max-width: 500px){footer i{font-size:1.3rem}footer #socials ul li{margin:3px;padding:3px}}#scroll-to-top{color:var(--white);background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);--webkit-backdrop-filter: blur(10px);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 6px #0000001a;font-size:40px;height:65px;width:65px;top:85%;right:30px;border-radius:50%;outline:none;position:fixed;cursor:pointer;transition:var(--transition)}#scroll-to-top:hover{border-radius:20px}:root{--background-color-2: #C599B6;--pastel-color-1: #9d7f84;--pastel-color-2: #FAD0C4;--text-color: #fff7f3;--grey: #64748b;--dark: #1e293b;--dark-alt: #334155;--light: #f1f5f9;--sidebar-width: 300px;--dark-color: #1A1A1D;--dark-color-2: #1e1e1e;--background-color: #3B1C32;--main-color: #6A1E55;--pastel-color: #A64D79;--main-gradient: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);--purple-color: #a166ab;--purple-color-2: #330a3b;--exquisite-purple: #160b17;--transition: 2s}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none}body{color:var(--text-color);background:var(--dark-color-2);overflow-x:hidden}button{background:none;border:none;outline:none;appearance:none;cursor:pointer}li{list-style-type:none}@media screen and (max-width: 768px){body{margin:15px}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px gray;border-radius:10px}::-webkit-scrollbar-thumb{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);--webkit-backdrop-filter: blur(10px);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 6px #0000001a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);--webkit-backdrop-filter: blur(10px);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 6px #0000001a}.highlight-text[data-v-2eb09a50]{color:var(--purple-color)}.highlight-text a[data-v-2eb09a50]{color:var(--purple-color);transition:var(--transition)}.highlight-text a[data-v-2eb09a50]:hover{color:var(--pastel-color-2);transition:var(--transition)}#intro[data-v-2eb09a50]{text-align:center;margin:3rem}#navigations[data-v-2eb09a50]{display:grid;grid-template-columns:repeat(3,200px);grid-gap:10px;place-content:center;justify-items:center}#navigations .nav[data-v-2eb09a50]{width:150px;height:150px;margin-bottom:50px;border:1px dashed var(--purple-color);border-radius:15px;text-align:center;transition:var(--transition);cursor:pointer}#navigations .nav img[data-v-2eb09a50]{width:150px;height:150px;padding:20px;border-radius:30px;transition:var(--transition)}#navigations .nav span[data-v-2eb09a50]{padding:20px;font-size:3.5rem;transition:var(--transition)}#navigations .nav[data-v-2eb09a50]:hover{border-radius:30px;transition:var(--transition)}#navigations .nav:hover img[data-v-2eb09a50]{padding:0}.section[data-v-2eb09a50]{top:5%;left:5%;width:90%;height:90%;box-shadow:inset 0 0 0 8px var(--purple-color);border-radius:45px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#160b17;position:fixed;justify-self:center;z-index:1000;overflow-y:scroll}.section .top[data-v-2eb09a50]{padding:20px 70px;display:flex;justify-content:space-between}.section .top span[data-v-2eb09a50]{font-size:2.5rem;cursor:pointer;transition:var(--transition)}.section .top span[data-v-2eb09a50]:hover{color:var(--dark)}.section hr[data-v-2eb09a50]{color:var(--pastel-color-2);margin-bottom:20px}.section .division[data-v-2eb09a50]{padding:50px;display:flex;justify-content:space-between}.section .division .left[data-v-2eb09a50],.section .division .right[data-v-2eb09a50]{width:50%}.section .division .left img[data-v-2eb09a50]{width:30vw!important;height:60vh!important;rotate:90deg;border-radius:30px;object-fit:cover}.section .division .right[data-v-2eb09a50]{font-size:1.7rem}.section .division .right p[data-v-2eb09a50]{line-height:70px}.section .division .right p .answer[data-v-2eb09a50]{color:var(--text-color);transition:var(--transition)}.section .division .right p a[data-v-2eb09a50]:hover{color:var(--pastel-color-2);transition:var(--transition)}.section #tech-stack[data-v-2eb09a50]{padding:0 30px 30px}.section #tech-stack h3[data-v-2eb09a50]{margin-top:15px}.section #tech-stack h3[data-v-2eb09a50]:first-child{margin-top:0}.section #tech-stack ul[data-v-2eb09a50]{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px}.section #tech-stack ul li[data-v-2eb09a50]{background-color:var(--dark-color);height:40px;margin:10px 10px 0;padding:5px;font-size:1.5rem;border:1px solid var(--text-color);border-radius:15px}.section #experiences[data-v-2eb09a50]{padding:15px 30px}.section #experiences .experience[data-v-2eb09a50]{background-color:var(--dark);margin:15px;padding:15px;border:1px dashed var(--text-color);border-radius:30px}.section #experiences .experience .time[data-v-2eb09a50]{font-size:1.3rem}.section #experiences .experience .title[data-v-2eb09a50]{color:var(--purple-color);margin:0;font-size:1.6rem}.section #experiences .experience h4[data-v-2eb09a50]{margin:5px 0}.section #experiences .experience .company[data-v-2eb09a50]{font-size:1.4rem}.section .experience-page[data-v-2eb09a50]{max-width:800px;margin:0 auto;padding:2rem}.section .experience-page .categories[data-v-2eb09a50]{margin-bottom:3.5rem;gap:12px;display:flex;justify-content:center}.section .experience-page .categories .tag[data-v-2eb09a50]{color:#4b5563;background:var(--text-color);padding:10px 20px;border:1px solid #e5e7eb;border-radius:25px;font-weight:500;box-shadow:0 1px 2px #0000000d;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer}.section .experience-page .categories .tag.active[data-v-2eb09a50],.section .experience-page .categories .tag[data-v-2eb09a50]:hover{color:var(--text-color);background:var(--purple-color);border-color:var(--pastel-color-2);transform:translateY(-1px);box-shadow:0 4px 6px -1px #3b82f633}.section .experience-page .timeline[data-v-2eb09a50]{margin-left:1.5rem;padding-left:2.5rem;border-left:2px solid #e5e7eb;position:relative}.section .experience-page .timeline .timeline-item[data-v-2eb09a50]{background:var(--dark-color);margin-bottom:2.5rem;padding:1.25rem;border-radius:8px;border:1px solid var(--pastel-color-2);box-shadow:0 1px 3px #0000000d;position:relative}.section .experience-page .timeline .timeline-item .timeline-dot-icon[data-v-2eb09a50]{color:var(--text-color);background:var(--purple-color);left:-3.45rem;top:14px;width:28px;height:28px;border-radius:50%;box-shadow:0 0 0 4px #fff,0 2px 4px #0000001a;font-size:.85rem;display:flex;align-items:center;justify-content:center;position:absolute;z-index:2}.section .experience-page .timeline .timeline-item .timeline-content[data-v-2eb09a50]{color:var(--text-color);background-color:var(--dark-color)}.section .experience-page .timeline .timeline-item .timeline-content h3[data-v-2eb09a50]{color:var(--text-color);margin:0;font-size:1.25rem}.section .experience-page .timeline .timeline-item .timeline-content h4[data-v-2eb09a50]{color:#b6b5af;margin:.35rem 0 0;font-weight:500}.section .experience-page .timeline .timeline-item .timeline-content .date[data-v-2eb09a50]{color:#c1cada;margin:.5rem 0 .75rem;font-size:.85rem;font-weight:500}.section .experience-page .timeline .timeline-item .timeline-content .description[data-v-2eb09a50]{color:#d5d9e0;margin:0;line-height:1.5}.section .experience-page .timeline .timeline-item .timeline-content .job-tags[data-v-2eb09a50]{margin-top:1rem;gap:8px;display:flex;flex-wrap:wrap}.section .experience-page .timeline .timeline-item .timeline-content .job-tags .job-tag[data-v-2eb09a50]{color:var(--text-color);background:var(--purple-color);padding:4px 10px;border-radius:6px;border:1px solid var(--pastel-color-2);font-weight:500;font-size:.75rem}.section .timeline-list-enter-active[data-v-2eb09a50],.section .timeline-list-leave-active[data-v-2eb09a50]{transition:all .4s cubic-bezier(.4,0,.2,1)}.section .timeline-list-enter-from[data-v-2eb09a50],.section .timeline-list-leave-to[data-v-2eb09a50]{opacity:0;transform:translate(-30px)}.section .timeline-list-leave-active[data-v-2eb09a50]{position:absolute;width:calc(100% - 2.5rem)}.section .timeline-list-move[data-v-2eb09a50]{transition:transform .4s cubic-bezier(.4,0,.2,1)}.section #projects-tab[data-v-2eb09a50]{margin-top:50px;display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;place-content:center;justify-items:center}.section #projects-tab button[data-v-2eb09a50]{color:var(--text-color);background:var(--dark-color);width:25vw;height:25vh;margin-bottom:30px;font-size:1.5rem;border:1px dashed var(--pastel-color-2);border-radius:30px;transition:var(--transition)}.section #projects-tab button[data-v-2eb09a50]:hover{background:var(--text-color);color:var(--dark)}.section .projects .project[data-v-2eb09a50]{background:var(--dark-color);height:60vh;padding:25px;margin:25px;border:1px dashed var(--text-color);border-radius:30px;display:flex}.section .projects .project .left[data-v-2eb09a50]{width:50vw}.section .projects .project .left img[data-v-2eb09a50]{width:50vw;height:50vh;border-radius:40px;object-fit:cover}.section .projects .project .right[data-v-2eb09a50]{width:50vw;padding:20px}.section .projects .project .right h2[data-v-2eb09a50]{margin-bottom:15px;text-align:center}.section .projects .project .right .desc[data-v-2eb09a50]{font-size:1.2rem}.section .projects .project .right .desc a[data-v-2eb09a50]{color:var(--pastel-color-2)}.section .projects .project .right .languages[data-v-2eb09a50]{margin:10px;text-align:center}.section .projects .project .right .languages i[data-v-2eb09a50]{font-size:2.5rem}.section .projects .project .right .live-code[data-v-2eb09a50]{justify-content:center;text-align:center}.section .projects .project .right .live-code button[data-v-2eb09a50]{background:var(--purple-color);width:45%;height:30px;font-size:1.2rem}.section .projects .project .right .live-code button[data-v-2eb09a50]:last-child{margin-left:10px}.section .projects .project .right .live-code button a[data-v-2eb09a50]{color:var(--text-color)}.section #contact-form[data-v-2eb09a50]{display:grid;justify-content:center!important}.section #contact-form form[data-v-2eb09a50]{background-color:var(--dark-color);width:50vw;padding:25px;margin:25px;margin-bottom:12vh;border:1px dashed var(--text-color);border-radius:30px}.section #contact-form form label[data-v-2eb09a50]{font-size:1.2rem}.section #contact-form form input[data-v-2eb09a50]{width:100%;height:40px;margin:10px;border-radius:25px}.section #contact-form form textarea[data-v-2eb09a50]{width:100%;margin:10px;border-radius:25px;resize:none}.section #contact-form form button[data-v-2eb09a50]{color:var(--text-color);background:var(--main-gradient);border:1px solid var(--pastel-color);width:70%;height:8vh;margin-left:15%;border-radius:30px;font-size:1.5rem}.section #socials[data-v-2eb09a50]{padding:30px}.section #socials ul[data-v-2eb09a50]{display:grid;grid-template-columns:1fr 1fr 1fr;place-items:center}.section #socials ul li[data-v-2eb09a50]{background-color:var(--dark-color);width:10rem;height:15vh;margin-bottom:5%;border-radius:20px;border:1px solid var(--pastel-color-2);text-align:center}.section #socials ul li[data-v-2eb09a50]:hover{transform:var(--transform);transition:var(--transition)}.section #socials ul li .fas[data-v-2eb09a50],.section #socials ul li .fa-brands[data-v-2eb09a50]{font-size:3rem}.section #socials ul li a i[data-v-2eb09a50]{color:var(--text-color);font-size:1.3rem;text-decoration:none;padding:15px;margin-bottom:5vh}@media screen and (min-width: 769px){.section .division .left img[data-v-2eb09a50]{width:30vw!important;height:60vh!important}}@media screen and (max-width: 900px){.section .division[data-v-2eb09a50]{padding-top:0;display:block}.section .division .left[data-v-2eb09a50],.section .division .right[data-v-2eb09a50]{width:100%}.section .division .left img[data-v-2eb09a50]{width:50vw!important;height:90vw!important;justify-self:center!important}.section .division .right[data-v-2eb09a50]{font-size:1.5rem}.section .division .right p[data-v-2eb09a50]{line-height:50px}}@media screen and (max-width: 768px){#navigations[data-v-2eb09a50]{grid-template-columns:repeat(2,200px)}.section[data-v-2eb09a50]{box-shadow:inset 0 0 0 10px var(--purple-color)}.section .top[data-v-2eb09a50]{height:10vh;padding:20px 50px}.section .top h1[data-v-2eb09a50]{font-size:1.8rem}.section .top span[data-v-2eb09a50]{font-size:2rem}.section #experiences[data-v-2eb09a50]{padding:5px 10px!important}.section #experiences .experience[data-v-2eb09a50]{margin:10px!important;padding:10px!important}.section #tech-stack ul[data-v-2eb09a50]{grid-template-columns:1fr 1fr 1fr!important}.section .projects .project[data-v-2eb09a50]{width:90%!important;height:90vh!important;display:grid!important}.section .projects .project .left[data-v-2eb09a50]{width:100%!important}.section .projects .project .left img[data-v-2eb09a50]{width:100%!important;height:30vh!important}.section .projects .project .right[data-v-2eb09a50]{width:100%!important;padding:0!important}.section .projects .project .right h2[data-v-2eb09a50]{margin-bottom:5px!important}.section .projects .project .right .desc[data-v-2eb09a50]{font-size:1.5rem!important}.section .projects .project .right .languages[data-v-2eb09a50]{margin:5px!important}.section .projects .project .right .languages i[data-v-2eb09a50]{font-size:3rem!important}.section .projects .project .right .live-code button[data-v-2eb09a50]{font-size:1.5rem;height:40px}.section #contact-form[data-v-2eb09a50]{justify-content:left;display:block}.section #contact-form form[data-v-2eb09a50]{width:80vw!important;margin:0;margin-left:5.3vw;margin-bottom:12vh}.section #contact-form form label[data-v-2eb09a50]{font-size:1.3rem}.section #contact-form form input[data-v-2eb09a50]{height:35px}.section #socials ul[data-v-2eb09a50]{grid-template-columns:1fr 1fr}}@media screen and (max-width: 600px){.section #tech-stack[data-v-2eb09a50]{padding:15px}.section #tech-stack ul[data-v-2eb09a50]{grid-template-columns:1fr 1fr!important;gap:10px}.section #contact-form[data-v-2eb09a50]{padding-top:30px!important}}@media screen and (max-width: 500px){#navigations[data-v-2eb09a50]{grid-template-columns:repeat(2,170px)}.section[data-v-2eb09a50]{box-shadow:inset 0 0 0 7px var(--purple-color)}.section .top[data-v-2eb09a50]{height:8vh;padding:20px 50px}.section .top h1[data-v-2eb09a50]{font-size:1.5rem}.section .top span[data-v-2eb09a50]{font-size:1.8rem}.section #projects-tab[data-v-2eb09a50]{padding-top:15px}.section #projects-tab button[data-v-2eb09a50]{width:30vw;height:20vh;margin-left:6%;margin-bottom:50px;font-size:1.25rem}.section .projects .project .right .desc[data-v-2eb09a50]{font-size:1.2rem!important}.section .projects .project .right .languages i[data-v-2eb09a50]{font-size:2.5rem!important}.section .projects .project .right .live-code button[data-v-2eb09a50]{font-size:1.2rem}.section #socials ul li[data-v-2eb09a50]{width:7rem!important;height:13vh!important;padding:5px}.section #socials ul li .fas[data-v-2eb09a50],.section #socials ul li .fa-brands[data-v-2eb09a50]{font-size:2.5rem}.section #socials ul li a i[data-v-2eb09a50]{font-size:1.2rem}}@media screen and (max-width: 420px){#socials ul li[data-v-2eb09a50]{width:5vw;height:7vh}#socials ul li a i[data-v-2eb09a50]{font-size:2rem!important}}@media screen and (max-width: 400px){.section #tech-stack ul[data-v-2eb09a50]{grid-template-columns:1fr!important}.experience-page .categories[data-v-2eb09a50]{padding:15px;overflow-x:scroll}.experience-page .categories button[data-v-2eb09a50]:first-child{margin-left:50px}}@media screen and (max-width: 350px){#intro[data-v-2eb09a50]{margin:2rem}#navigations[data-v-2eb09a50]{grid-template-columns:repeat(2,150px);grid-gap:10px}#navigations .nav[data-v-2eb09a50]{width:120px;height:120px;margin-bottom:50px}#navigations .nav img[data-v-2eb09a50]{width:120px;height:120px}#navigations .nav span[data-v-2eb09a50]{font-size:2.5rem}.section[data-v-2eb09a50]{box-shadow:inset 0 0 0 5px var(--purple-color)}.section .top[data-v-2eb09a50]{height:8vh;padding:10px 30px}.section .top h1[data-v-2eb09a50]{font-size:1.3rem}.section .top span[data-v-2eb09a50]{font-size:1.6rem}.section .experience-page .categories[data-v-2eb09a50]{padding:10px}.section .experience-page .categories button[data-v-2eb09a50]:first-child{margin-left:100px}.section .projects .project .right h2[data-v-2eb09a50]{font-size:1.3rem}.section .projects .project .right .desc[data-v-2eb09a50]{font-size:1rem!important}.section .projects .project .right .live-code button[data-v-2eb09a50]{font-size:1rem;height:25px!important}}@media screen and (max-width: 330px){#socials[data-v-2eb09a50]{grid-template-columns:1fr!important}}@media screen and (max-width: 300px){.section .projects .project[data-v-2eb09a50]{width:95%!important;padding:10px;margin:10px}}@media screen and (max-width: 280px){#intro[data-v-2eb09a50]{margin:1rem}}