@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap);:root{--primary-blue:#040c24;--primary-black:#080e1b;--secondary-black:#02050a;--primary-ash:#ffffff1a;--text-color:#fff;--sub-text-color:#e6e8eb;--highlight-color:#1e90ff;--gradient-color:linear-gradient(135deg,#02050a,#ffffff1a,#1e90ff);--headings-font:"Montserrat",sans-serif;--general-font:"Nunito",sans-serif}html{scroll-behavior:smooth}*{box-sizing:border-box;font-family:Nunito,sans-serif;font-family:var(--general-font);margin:0;padding:0}button{border:none}button:focus,input:focus,textarea:focus{outline:none}a{color:inherit;text-decoration:none}body{color:#fff;color:var(--text-color);overflow-x:hidden}.loading-page,body{background:#040c24;background:var(--primary-blue)}.loading-page{align-items:center;display:flex;gap:1rem;height:100svh;justify-content:center;width:100svw}.loading-container{align-items:end;display:flex;gap:.7rem}.loading-container span{font-family:Montserrat,sans-serif;font-family:var(--headings-font);font-size:35px;font-weight:500}.loader{animation:fadeIn .5s ease-in-out forwards;animation-delay:4s;display:flex;gap:.7rem;opacity:0;pointer-events:none}.dot{animation:bounce 1s ease-in-out infinite;background-color:#1e90ff;background-color:var(--highlight-color);border-radius:100%;height:12px;width:12px}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}}@keyframes fadeIn{to{opacity:1}}.layout-container{align-items:center;display:flex;flex-direction:column;gap:3rem;height:100svh;padding:2rem 0;width:100svw}.layout-header{display:flex;justify-content:center;justify-self:start;position:fixed;width:100%}.header-nav{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#080e1b99;border:1px solid #ffffff1a;border:1px solid var(--primary-ash);border-radius:.5rem;border-radius:12px;box-shadow:0 4px 30px #0000001a;color:#fff;color:var(--text-color);font-size:25px;gap:2rem;padding:.7rem 1rem}.header-nav,.nav-item{align-items:center;display:flex}.nav-item{justify-content:center;transition:all .3s ease-in-out}.nav-item:hover{color:#1e90ff;color:var(--highlight-color)}.nav-item:after{background:#080e1b;background:var(--primary-black);border-radius:.3rem;color:#e6e8eb;color:var(--sub-text-color);font-family:Montserrat,sans-serif;font-family:var(--headings-font);font-size:15px;font-weight:300;letter-spacing:3px;line-height:25px;padding:.5rem;position:absolute;text-align:center;top:4rem;transition:all .3s ease-in-out}.home:hover:after{display:block;transition:all .3s ease-in-out}.home:after{content:"Home";display:none}.projects{border-inline:.5px solid hsla(0,0%,100%,.295);padding:0 1rem}.projects:hover:after{display:block;transition:all .3s ease-in-out}.projects:after{content:"Projects";display:none;transition:all .3s ease-in-out}.resume:hover:after{display:block;transition:all .3s ease-in-out}.resume:after{content:"Resume";display:none;line-height:25px}.layout-main{margin-top:4rem}.layout-footer{align-items:center;color:#e6e8eb;color:var(--sub-text-color);display:flex;flex-direction:column;font-family:Montserrat,sans-serif;font-family:var(--headings-font);gap:1.5rem;padding-bottom:2rem;width:100%}.layout-footer hr{background:#e6e8eb;background:var(--sub-text-color);height:.3px;opacity:.1;width:80%}.layout-footer p{font-size:16px;font-weight:300;text-align:center}.layout-footer p span{font-size:18px;font-weight:500}.socials-link{align-items:center;color:#e6e8eb;color:var(--sub-text-color);display:flex;gap:2rem}.socials-link a{font-size:23px;transition:all .3s ease-in-out}.socials-link a svg{fill:#e6e8eb;fill:var(--sub-text-color);height:20px;transition:all .3s ease-in-out;width:20px}.socials-link a:hover{color:#1e90ff;color:var(--highlight-color)}.socials-link a:hover svg{fill:#1e90ff;fill:var(--highlight-color)}.app-container{align-items:center;gap:5rem;padding:3rem 0;width:100svw}.app-container,.header{display:flex;flex-direction:column}.header{gap:2rem;padding:0 1rem;width:100%}.header-img-div{align-items:end;display:flex}.cartoon-pic{height:100px;width:100px}.active-dot,.cartoon-pic{border:3px solid #02050a;border:3px solid var(--secondary-black);border-radius:100%}.active-dot{background:#1e90ff;background:var(--highlight-color);bottom:.5rem;height:20px;position:relative;right:1.5rem;width:20px}.intro-text{display:flex;flex-direction:column;gap:1rem}.intro-text p:first-of-type,.intro-text p:first-of-type span{font-family:Montserrat,sans-serif;font-family:var(--headings-font);font-size:30px;font-weight:600;line-height:35px}.intro-text p:nth-of-type(2){font-size:25px;font-weight:600}.intro-text p:last-of-type{color:#e6e8eb;color:var(--sub-text-color);font-size:17px;font-weight:400}.intro-btns{gap:1rem}.intro-btn a,.intro-btns{align-items:center;display:flex;transition:all .3s ease-in-out}.intro-btn a{font-size:15px;font-weight:300;gap:.2rem}.intro-btn a span{transition:all .3s ease-in-out}.intro-btn:hover{border:1px solid #fff!important;border:1px solid var(--text-color)!important;box-shadow:0 .1rem .2rem linear-gradient(135deg,#02050a,#ffffff1a,#1e90ff)!important;box-shadow:0 .1rem .2rem var(--gradient-color)!important}.intro-btn:hover a{color:#fff;color:var(--text-color);font-size:17px;gap:.5rem}.intro-btn:hover a span{color:red}.about-section{align-items:center;display:flex;flex-direction:column;gap:1.5rem;padding:0 1rem;width:100%}.about-section>p{align-self:start;font-size:"Montserrat",sans-serif;font-size:var(--headings-font);font-size:25px;font-weight:600}.bio-div{align-items:center;display:flex;flex-direction:column;gap:2rem}.bio{background:#080e1b;background:var(--primary-black);border:1px solid #ffffff1a;border:1px solid var(--primary-ash);border-radius:1rem;color:#e6e8eb;color:var(--sub-text-color);font-size:15px;font-weight:300;line-height:25px;padding:2rem 1rem;text-align:justify;transition:all .3s ease-in-out;width:95%}.bio:hover{color:#fff;color:var(--text-color)}.bio span{font-size:16px;font-weight:500}.bio-img{border:3px solid #ffffff1a;border:3px solid var(--primary-ash);border-radius:100%;box-shadow:0 0 .5rem #080e1b;box-shadow:0 0 .5rem var(--primary-black);height:200px;transform:rotate(10deg);width:200px}.skill-section{align-items:center;display:flex;flex-direction:column;gap:1.5rem;padding:0 1rem;width:100%}.skill-section>p{align-self:start;font-size:"Montserrat",sans-serif;font-size:var(--headings-font);font-size:25px;font-weight:600}.skills{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,auto)}.box{background:#080e1b;background:var(--primary-black);height:100px;width:100px}.box,.icon-box{align-items:center;border-radius:1rem;display:flex;justify-content:center}.icon-box{background:#02050a;background:var(--secondary-black);font-size:30px;height:60px;width:60px}.htmlIcon{color:#e34f26}.cssIcon{color:#1572b6}.jsIcon{color:#f7df1e}.reactIcon{color:#61dafb}.tailwindIcon{fill:#06b6d4}.tailwindIcon svg{width:30px}.gitIcon{color:#f05032}.project-section{align-items:center;display:flex;flex-direction:column;gap:2.5rem;padding:0 1rem;width:100%}.project-section>p{font-size:"Montserrat",sans-serif;font-size:var(--headings-font);font-size:25px;font-weight:600;text-transform:capitalize}.projects-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(1,90%);justify-content:center}.project-box{background:#080e1b;background:var(--primary-black);flex-direction:column;gap:2rem;padding:2rem 1rem}.project-box,.project-img-container{align-items:center;border-radius:.5rem;display:flex}.project-img-container{background:#02050a;background:var(--secondary-black);height:auto;justify-content:center;padding:.5rem;width:100%}.project-img-container img{border-radius:.5rem;image-rendering:high-quality;object-fit:cover;width:inherit}.project-name{align-self:start;font-family:Montserrat,sans-serif;font-family:var(--headings-font);font-size:20px;font-weight:600}.project-description{color:#e6e8eb;color:var(--sub-text-color);font-size:15px}.project-link-btn{align-self:start}.view-btn{align-items:center;display:flex;gap:.5rem;transition:all .3s ease-in-out}.view-btn ion-icon{font-size:18px}.view-btn:hover{border:1px solid #1e90ff!important;border:1px solid var(--highlight-color)!important;gap:1rem}.view-btn:hover ion-icon{color:#1e90ff;color:var(--highlight-color)}.view-all-projects-btn{align-items:center;display:flex;font-size:18px;gap:.5rem;transition:all .3s ease-in-out}.view-all-projects-btn:hover{background:#02050a!important;background:var(--secondary-black)!important;border:1px solid #fff!important;border:1px solid var(--text-color)!important;box-shadow:0 .1rem .2rem linear-gradient(135deg,#02050a,#ffffff1a,#1e90ff);box-shadow:0 .1rem .2rem var(--gradient-color);color:#fff!important;color:var(--text-color)!important;gap:1rem}.view-all-projects-btn ion-icon{font-size:20px}.view-all-projects-btn:hover ion-icon{color:#fff;color:var(--text-color)}.experience-section{display:flex;flex-direction:column;gap:2rem;padding:0 1rem;width:100%}.experience-section>p{font-size:"Montserrat",sans-serif;font-size:var(--headings-font);font-size:25px;font-weight:600;text-transform:capitalize}.experience{width:100%}.experience,.experience-detail{display:flex;flex-direction:column;gap:2rem}.experience-detail{background:#080e1b;background:var(--primary-black);border:1px solid #ffffff1a;border:1px solid var(--primary-ash);border-radius:.5rem;padding:1rem}.experience-detail-item{align-items:end;display:flex;justify-content:space-between}.year{font-size:15px}.location{align-items:end;display:flex;font-weight:300;gap:.5rem}.location span{color:#1e90ff;color:var(--highlight-color);font-weight:300}.position{font-size:18px;font-weight:300}.company{color:#1e90ff;color:var(--highlight-color);font-family:Montserrat,sans-serif;font-family:var(--headings-font);font-size:15px;font-weight:500}.contact-section{display:flex;flex-direction:column;gap:2rem;margin-top:3rem;padding:0 1rem;width:100%}.contact-section>p:first-of-type{font-size:"Montserrat",sans-serif;font-size:var(--headings-font);font-size:25px;font-weight:600;text-transform:capitalize}.contact-section>p:last-of-type{color:#e6e8eb;color:var(--sub-text-color);font-size:16px;font-weight:200;line-height:25px}.contact-section form{display:flex;flex-direction:column;gap:2rem;width:90%}.contact-section form input,textarea{background:#080e1b;background:var(--primary-black);border:1px solid #ffffff1a;border:1px solid var(--primary-ash);border-radius:.5rem;color:#e6e8eb;color:var(--sub-text-color);font-size:16px;font-weight:300;padding:1rem 0 1rem .5rem;transition:all .3s ease-in-out}.contact-section form input:focus,textarea:focus{border:1px solid #1e90ff;border:1px solid var(--highlight-color)}.contact-section form textarea{height:200px}.contact-section form button{align-self:start}.submit-btn{align-items:center;display:flex;font-size:18px;gap:.7rem;transition:all .3s ease-in-out}.submit-btn:hover{border:1px solid #fff!important;border:1px solid var(--text-color)!important;box-shadow:0 .1rem .2rem linear-gradient(135deg,#02050a,#ffffff1a,#1e90ff)!important;box-shadow:0 .1rem .2rem var(--gradient-color)!important;gap:1rem}.projects-app-container{align-items:center;display:flex;flex-direction:column;gap:3rem;margin:3rem 0}.projects-heading{font-family:Montserrat,sans-serif;font-family:var(--headings-font);font-size:25px;font-weight:500;text-align:center;text-transform:capitalize}.project-app-container{align-items:center;display:flex;flex-direction:column;gap:3rem;margin:3rem 0;padding:0 1rem}.project-heading{display:flex;flex-direction:column;gap:1rem;width:100%}.project-heading p:first-of-type{font-family:Montserrat,sans-serif;font-family:var(--headings-font);font-size:25px;font-weight:500;letter-spacing:2px}.project-heading p:last-of-type{color:#e6e8eb;color:var(--sub-text-color);font-size:17px;font-weight:300;line-height:25px}.project-content-details{background:#080e1b;background:var(--primary-black);border:1px solid #ffffff1a;border:1px solid var(--primary-ash);border-radius:.8rem;display:flex;flex-direction:column;gap:2rem;padding:2rem 1rem;width:100%}.project-content-text{display:flex;flex-direction:column;gap:1rem}.project-content-text:nth-of-type(2){border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--primary-ash);border-top:1px solid #ffffff1a;border-top:1px solid var(--primary-ash);padding:1rem 0}.project-content-text>p:first-of-type{font-size:20px;font-weight:500}.project-content-text>p:last-of-type{color:#e6e8eb;color:var(--sub-text-color);font-size:17px;font-weight:300;line-height:25px}.content-heading{font-size:20px!important;font-weight:500!important}.technologies{display:flex;flex-wrap:wrap;gap:1rem}.technologies p{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#080e1b99;border:1px solid #ffffff1a;border:1px solid var(--primary-ash);border-radius:.7rem;box-shadow:0 4px 30px #0000001a;color:#1e90ff;color:var(--highlight-color);font-size:16px;padding:.5rem 1rem}.status-text{align-items:center;display:flex;gap:.5rem}.status-text ion-icon{color:#1bf11b;font-size:18px}.project-btns{align-items:center;display:flex;flex-direction:column;gap:2rem;transition:all .3s ease-in-out}.visit-project-btn:hover{border:1px solid #1e90ff!important;border:1px solid var(--highlight-color)!important}.project-link{align-items:center;display:flex;font-size:18px;font-weight:400;gap:.5rem}.project-link,.visit-project-btn{transition:all .3s ease-in-out}.visit-project-btn:hover .project-link{gap:.8rem}.visit-project-btn:hover .project-link ion-icon{color:#1e90ff;color:var(--highlight-color)}.control-btns{gap:3rem}.control-btns,.prev-btn{align-items:center;display:flex;transition:all .3s ease-in-out}.prev-btn{font-size:18px;font-weight:200;gap:.5rem;letter-spacing:2px}.prev-btn:hover{border:1px solid #e6e8eb!important;border:1px solid var(--sub-text-color)!important;gap:.8rem}.next-btn{align-items:center;background:#02050a!important;background:var(--secondary-black)!important;display:flex;font-size:18px;font-weight:200;gap:.5rem;letter-spacing:2px;transition:all .3s ease-in-out}.next-btn:hover{border:1px solid #fff!important;border:1px solid var(--text-color)!important;gap:.8rem}.embla{--slide-spacing:1rem;--slide-size:80%;overflow:hidden;position:relative}.embla__container{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;margin-left:calc(var(--slide-spacing)*-1);touch-action:pan-y}.embla__slide{flex:0 0 var(--slide-size);min-width:0;padding-left:var(--slide-spacing);position:relative}@media (min-width:768px){.loading-container span{font-size:50px}.dot{height:15px;width:15px}.app-container{width:80svw}.cartoon-pic{height:250px;width:250px}.active-dot{bottom:1.3rem;height:40px;right:3.5rem;width:40px}.intro-text p:first-of-type,.intro-text p:first-of-type span{font-size:50px}.intro-text p:nth-of-type(2){font-size:35px}.intro-text p:last-of-type{font-size:20px;font-weight:300}.intro-btn a{font-size:18px}.intro-btn:hover a{font-size:20px}.about-section>p{font-size:35px}.bio-div{flex-direction:row}.bio{font-size:23px}.bio-img{border-radius:.5rem;height:300px;transform:rotate(0deg);width:300px}.skill-section>p{font-size:35px}.skills{column-gap:2rem;grid-template-columns:repeat(3,auto)}.box{height:120px;width:120px}.icon-box{font-size:50px;height:80px;width:80px}.tailwindIcon svg{width:50px}.project-section>p{font-size:35px}.project-name{font-size:30px}.project-description{font-size:20px;font-size:300;line-height:30px}.view-btn{font-size:20px!important}.view-all-projects-btn{font-size:23px}.experience-section>p{font-size:35px}.year{font-size:18px}.location{font-size:20px}.position{font-size:25px}.company{font-size:20px}.contact-section>p:first-of-type{font-size:35px}.contact-section>p:last-of-type{font-size:25px;line-height:30px}.contact-section form input,textarea{font-size:18px}.submit-btn{font-size:20px}.projects-heading{font-size:35px}.project-heading{width:90%}.project-heading p:first-of-type{font-size:35px}.project-heading p:last-of-type{font-size:25px;font-weight:300;line-height:30px}.project-content-details{width:90%}.project-content-text>p:first-of-type{font-size:25px}.project-content-text>p:last-of-type{font-size:20px}.content-heading{font-size:25px!important}.technologies p{font-size:18px}.next-btn,.prev-btn,.project-link{font-size:20px}}
/*# sourceMappingURL=main.9300d23f.css.map*/