@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";.hero-section{margin:0 0 0 15vw;height:100vh;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}@media screen and (max-width: 768px){.hero-section{width:calc(90vw - 2.5rem);margin:0 0 0 5rem}}@media screen and (max-width: 425px){.hero-section{width:99%;margin-left:0;margin-bottom:2rem}}.hero-text{margin:5vh 0 0 8vw}@media screen and (max-width: 1440px){.hero-text{margin:10vh 0 0 8vw}}@media screen and (max-width: 1024px){.hero-text{position:relative}}@media screen and (max-width: 768px){.hero-text{margin:6rem 0 4rem;padding:0 2rem}}@media screen and (max-width: 425px){.hero-text{margin:6rem 0;padding:0 2rem}}.name{color:#cfcfcf;font-size:1.5rem;letter-spacing:3px;text-shadow:0 0 30px rgba(207,207,207,.6392156863)}@media screen and (max-width: 768px){.name{font-size:1.3rem}}@media screen and (max-width: 425px){.name{font-size:1.2rem}}.job-title{color:#0093fd;font-size:3.5rem;margin-top:0;text-shadow:0 0 30px rgba(0,148,253,.5960784314)}@media screen and (max-width: 768px){.job-title{font-size:2.5rem}}@media screen and (max-width: 425px){.job-title{font-size:2.5rem}}.about-text{margin-top:30px;width:47%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.about-text .profile-img{width:120px;border-radius:50%;margin-bottom:2rem}@media screen and (max-width: 1024px){.about-text{width:60%}}@media screen and (max-width: 768px){.about-text{margin:15px auto;width:80%}}@media screen and (max-width: 425px){.about-text{margin:5px auto;width:100%}}.about-text .hi-text{font-size:1.5rem;margin-bottom:1.2rem}@media screen and (max-width: 425px){.about-text .hi-text{font-size:1.2rem}}.about-text .about-me{font-size:1.1rem;color:#cfcfcf;line-height:30px;margin:5px;width:100%}@media screen and (max-width: 1024px){.about-text .about-me{font-size:1rem}}@media screen and (max-width: 768px){.about-text .about-me{font-size:.9rem}}@media screen and (max-width: 425px){.about-text .about-me{font-size:.8rem}}.about-text .about-me span{color:#0093fd;font-weight:600}.about-text .first-para{width:100%}@media screen and (max-width: 1024px){.about-text .first-para{font-size:1rem}}@media screen and (max-width: 768px){.about-text .first-para{font-size:.9rem}}@media screen and (max-width: 425px){.about-text .first-para{font-size:.8rem}}.about-text .first-para span{color:#0093fd;font-weight:600}.star-bubble{cursor:pointer;position:absolute;top:4%;right:0;margin:0 auto;width:48vw;height:38vw}@media screen and (max-width: 1440px){.star-bubble{top:8%}}@media screen and (max-width: 1024px){.star-bubble{top:75%}}@media screen and (max-width: 768px){.star-bubble{position:initial;height:50vw}}@media screen and (max-width: 425px){.star-bubble{position:initial;width:80vw;height:85vw}}.scroll-indicator{margin-left:30vw;margin-top:25vh;width:15px;height:30px;border:2px solid rgba(207,207,207,.6666666667);border-radius:50px;box-shadow:0 0 35px -5px #cfcfcfaa;position:relative}@media screen and (max-height: 700px){.scroll-indicator{margin-top:6vh}}@media screen and (max-width: 1024px){.scroll-indicator{margin-top:6vh}}@media screen and (max-width: 768px){.scroll-indicator{margin:0 auto 15px;width:15px;height:35px}}@media screen and (max-width: 425px){.scroll-indicator{margin:0 auto 15px}}.scroll-indicator:before{content:"";position:absolute;top:.5em;left:47%;width:3px;height:6px;background-color:#cfcfcfaa;border-radius:3px;transform:translate(-40%);animation:scrollAnim 1.8s .5s infinite ease-in}@keyframes scrollAnim{0%{transform:translate(-40%) rotateX(0);opacity:0}5%{opacity:.5}15%{opacity:1}90%,to{opacity:0}to{transform:translate(-40%,20px) rotateX(30deg)}}.nav-bar{margin:2rem 0 0 1rem;height:100vh;width:10%;left:0;position:fixed;display:flex;flex-direction:column;justify-content:space-between;align-items:center}@media screen and (max-width: 425px){.nav-bar{display:none}}.nav-bar .section-bar,.nav-bar .media-bar{margin:0;writing-mode:vertical-rl;text-orientation:sideways;transform:rotate(180deg);display:flex;flex-direction:row-reverse;justify-content:center;align-items:center}.nav-bar .section-bar .nav-icon,.nav-bar .media-bar .nav-icon{font-size:1.5rem;transform:translate(-3px)}.nav-bar .section-bar a,.nav-bar .media-bar a,.nav-bar .section-bar a:focus,.nav-bar .section-bar a:visited{text-decoration:none}.nav-bar .section-bar li,.nav-bar .media-bar li{margin-bottom:2.5rem;list-style-type:none;color:#cfcfcf;font-weight:600;cursor:pointer;transition:all .5s}@media screen and (max-width: 425px){.nav-bar .section-bar li,.nav-bar .media-bar li{font-size:1rem}}.nav-bar .section-bar li:hover,.nav-bar .media-bar li:hover{color:#0093fd;text-shadow:0 0 30px rgba(0,148,253,.5960784314)}.nav-bar .media-bar{transform:rotate(0);margin-bottom:2.5rem}.nav-bar .media-bar li{font-size:1.8rem}@media screen and (max-width: 425px){.nav-bar .media-bar li{font-size:1.5rem}}.tech-section{margin:8rem 0 0 23vw;padding-top:5rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;position:relative}@media screen and (max-width: 1024px){.tech-section{margin:12rem 0 0 23vw;padding-top:1.5rem}}@media screen and (max-width: 768px){.tech-section{margin:5rem 0 0 7.5rem;padding-top:1.5rem}}@media screen and (max-width: 425px){.tech-section{margin:24rem 24px 7rem;padding-top:0}}.tech-section .section-title{color:#0093fd;text-shadow:0 0 30px rgba(0,148,253,.5960784314);font-size:3.5rem;margin-top:0}@media screen and (max-width: 768px){.tech-section .section-title{font-size:2.5rem}}@media screen and (max-width: 425px){.tech-section .section-title{font-size:2.5rem}}.tech-section .skill-list{margin-top:5rem;width:80%;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width: 1024px){.tech-section .skill-list{margin:5rem 0 0 20px}}@media screen and (max-width: 768px){.tech-section .skill-list{margin:3rem auto;width:100%}}@media screen and (max-width: 425px){.tech-section .skill-list{margin:2rem auto;width:100%}}.tech-section .skill-list .skill-canvas{width:70%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap}@media screen and (max-width: 425px){.tech-section .skill-list .skill-canvas{width:100%}}.tech-section .skill-list .skill-canvas .skill-balls{cursor:pointer;border-radius:50%;box-shadow:0 0 15px #cfcfcf3c;margin:.8rem;width:80px;height:80px;transition:box-shadow .6s}@media screen and (max-width: 768px){.tech-section .skill-list .skill-canvas .skill-balls{width:70px;height:70px}}@media screen and (max-width: 425px){.tech-section .skill-list .skill-canvas .skill-balls{width:60px;height:60px}}.tech-section .skill-list .skill-canvas .skill-balls:hover{box-shadow:0 0 25px #0094fd98}.tech-section .skill-list .skill-description{color:#cfcfcfa3;margin-top:20px;font-size:1rem;font-weight:600;width:70%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap}@media screen and (max-width: 425px){.tech-section .skill-list .skill-description{font-size:.9rem;margin:2rem auto 0;width:100%}}.tech-section .skill-list .skill-description .skill-name{margin-left:10px}.projects-section{margin:8rem 0 0 23vw}@media screen and (max-width: 768px){.projects-section{margin:5rem 0 0 7.5rem;padding-top:1.5rem}}@media screen and (max-width: 425px){.projects-section{margin:8rem 24px;padding-top:0}}.projects-section .section-title{color:#0093fd;text-shadow:0 0 30px rgba(0,148,253,.5960784314);font-size:3.5rem;margin-top:0}@media screen and (max-width: 768px){.projects-section .section-title{font-size:2.5rem}}@media screen and (max-width: 425px){.projects-section .section-title{font-size:2.5rem}}.projects-section .project-display{margin-top:100px;width:90%}@media screen and (max-width: 768px){.projects-section .project-display{margin:100px auto 0}}@media screen and (max-width: 425px){.projects-section .project-display{margin-top:2rem;width:100%}}.projects-section .each-project{margin:80px 80px 0;width:80%;display:flex;justify-content:center;align-items:center;border-radius:30px;box-shadow:inset 0 0 15px #cfcfcf3c;transition:all 1s}@media screen and (max-width: 768px){.projects-section .each-project{margin:80px auto 0;flex-direction:column}}@media screen and (max-width: 425px){.projects-section .each-project{margin:80px auto 0;flex-direction:column;width:100%;border-radius:15px}}.projects-section .each-project .project-img{border-radius:30px;height:250px}@media screen and (max-width: 768px){.projects-section .each-project .project-img{width:100%;height:160px;object-fit:cover;border-radius:15px;object-position:50% 30%}}@media screen and (max-width: 425px){.projects-section .each-project .project-img{width:100%;height:150px;object-fit:cover;border-radius:15px;object-position:50% 20%}}.projects-section .each-project .project-text{margin:0 20px;color:#cfcfcf}@media screen and (max-width: 768px){.projects-section .each-project .project-text{margin:15px 25px}}@media screen and (max-width: 425px){.projects-section .each-project .project-text{margin:15px 25px}}.projects-section .each-project .project-title{margin:0;font-size:1.5rem}@media screen and (max-width: 1024px){.projects-section .each-project .project-title{font-size:1.2rem}}@media screen and (max-width: 768px){.projects-section .each-project .project-title{font-size:1.4rem}}@media screen and (max-width: 425px){.projects-section .each-project .project-title{font-size:1.2rem}}.projects-section .each-project .project-description{margin:15px 0 0}@media screen and (max-width: 1024px){.projects-section .each-project .project-description{font-size:.8rem;width:90%}}@media screen and (max-width: 768px){.projects-section .each-project .project-description{font-size:1rem;width:100%}}@media screen and (max-width: 425px){.projects-section .each-project .project-description{font-size:.9rem}}.projects-section .each-project .tech-list{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;padding:0}.projects-section .each-project .tech-list li{list-style-type:none;margin-right:.5rem;margin-bottom:.5rem;padding:4px;color:#08111c;background-color:#cfcfcfaa;font-weight:600;font-size:1rem;border-radius:5px}@media screen and (max-width: 1024px){.projects-section .each-project .tech-list li{font-size:.8rem}}@media screen and (max-width: 768px){.projects-section .each-project .tech-list li{font-size:1rem}}@media screen and (max-width: 425px){.projects-section .each-project .tech-list li{font-size:.8rem}}.projects-section .each-project .project-link{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}@media screen and (max-width: 425px){.projects-section .each-project .project-link{flex-direction:column;align-items:flex-start}}.projects-section .each-project .project-link a,.projects-section .each-project .project-link a:visited,.projects-section .each-project .project-link a:focus{text-decoration:none}.projects-section .each-project .project-link a p,.projects-section .each-project .project-link a:visited p,.projects-section .each-project .project-link a:focus p{color:#0093fd;box-shadow:0 0 15px #0094fd98;font-weight:600;margin:0 1rem 0 0;padding:10px;border-radius:10px;transition:box-shadow .5s}@media screen and (max-width: 1024px){.projects-section .each-project .project-link a p,.projects-section .each-project .project-link a:visited p,.projects-section .each-project .project-link a:focus p{font-size:.8rem}}@media screen and (max-width: 768px){.projects-section .each-project .project-link a p,.projects-section .each-project .project-link a:visited p,.projects-section .each-project .project-link a:focus p{font-size:1rem;margin:20px 2rem 20px 0}}@media screen and (max-width: 425px){.projects-section .each-project .project-link a p,.projects-section .each-project .project-link a:visited p,.projects-section .each-project .project-link a:focus p{font-size:.8rem;margin:.5rem auto}}.projects-section .each-project .project-link a p svg,.projects-section .each-project .project-link a:visited p svg,.projects-section .each-project .project-link a:focus p svg{margin-left:7px;transform:translateY(3px);transition:transform .5s}.projects-section .each-project .project-link a:hover p{box-shadow:0 0 15px #0093fd}@media screen and (max-width: 1024px){.projects-section .each-project .project-link a:hover p{font-size:.8rem}}@media screen and (max-width: 768px){.projects-section .each-project .project-link a:hover p{font-size:1rem;margin:20px 0}}@media screen and (max-width: 425px){.projects-section .each-project .project-link a:hover p{font-size:.8rem;margin:10px 0}}.projects-section .each-project .project-link a:hover p svg{transform:translateY(3px) translate(6px)}.projects-section .each-project:hover{box-shadow:inset 0 0 25px #0094fd98}.words-section{display:none;border:red 1px solid;margin:30vh 0 0 23vw}@media screen and (max-width: 768px){.words-section{margin:5rem 0 0 7.5rem;padding-top:1.5rem}}@media screen and (max-width: 768px) and (max-width: 425px){.words-section{margin:8rem 24px;padding-top:0}}.words-section .section-title{color:#0093fd;text-shadow:0 0 30px rgba(0,148,253,.5960784314);font-size:3.5rem;margin-top:0}@media screen and (max-width: 425px){.words-section .section-title{font-size:2.5rem}}@media screen and (max-width: 768px){.words-section .section-title{font-size:2.5rem}}.about-section{margin:8rem 0 0 23vw}@media screen and (max-width: 768px){.about-section{margin:5rem 0 0 7.5rem;padding-top:1.5rem}}@media screen and (max-width: 425px){.about-section{margin:8rem 24px;padding-top:0}}.about-section .section-title{color:#0093fd;text-shadow:0 0 30px rgba(0,148,253,.5960784314);font-size:3.5rem;margin-top:0}@media screen and (max-width: 768px){.about-section .section-title{font-size:2.5rem}}@media screen and (max-width: 425px){.about-section .section-title{font-size:2.5rem}}.about-section .text-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:80%}@media screen and (max-width: 768px){.about-section .text-container{margin:0 auto;width:90%}}@media screen and (max-width: 425px){.about-section .text-container{margin:0 auto;width:100%}}.about-section .about-text{margin:80px 0;width:80%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}@media screen and (max-width: 1024px){.about-section .about-text{margin:30px auto}}@media screen and (max-width: 768px){.about-section .about-text{margin:30px auto;width:80%}}@media screen and (max-width: 425px){.about-section .about-text{margin:20px auto;width:100%}}.about-section .about-text .hi-text{font-size:1.5rem;margin-bottom:1.2rem}@media screen and (max-width: 425px){.about-section .about-text .hi-text{font-size:1.2rem}}.contact-section{margin:8rem 0 0 23vw}@media screen and (max-width: 768px){.contact-section{margin:5rem 0 0 7.5rem;padding-top:1.5rem}}@media screen and (max-width: 425px){.contact-section{margin:8rem 24px;padding-top:0}}.contact-section .section-title{color:#0093fd;text-shadow:0 0 30px rgba(0,148,253,.5960784314);font-size:3.5rem;margin-top:0}@media screen and (max-width: 768px){.contact-section .section-title{font-size:2.5rem}}@media screen and (max-width: 425px){.contact-section .section-title{font-size:2.5rem}}.contact-section .contact-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:80%}@media screen and (max-width: 768px){.contact-section .contact-container{width:100%}}@media screen and (max-width: 425px){.contact-section .contact-container{width:100%}}.contact-section .contact-container .contact-info{color:#cfcfcf;font-size:1.3rem;padding-top:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width: 425px){.contact-section .contact-container .contact-info{font-size:1rem}}.contact-section .contact-container .contact-info img{width:120px;border-radius:50%}.contact-section .contact-container .contact-media{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0;width:100%}.contact-section .contact-container .contact-media li{font-size:2rem;margin:0 1rem;list-style-type:none;color:#cfcfcf;font-weight:600;cursor:pointer;transition:all .5s}.contact-section .contact-container .contact-media li:hover{color:#0093fd;text-shadow:0 0 30px rgba(0,148,253,.5960784314)}.footer-section{color:#cfcfcfa3;margin:3rem 0 0 6rem;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 768px){.footer-section{margin:3rem 0 0 6rem}}@media screen and (max-width: 425px){.footer-section{margin:0 auto}}body{margin:0;padding:0;box-sizing:border-box;background:linear-gradient(#0e1d2ef3 .1%,#0e1d2ef8 3%,#08111c 25%,#0e1d2ef8 95%,#0e1d2ef3 99.9%),url(/background-img.png) no-repeat;background-size:cover;color:#fff;font-family:Montserrat,sans-serif}body ::selection{background-color:#0093fd;color:#08111c}main{width:100%;position:relative}