*{box-sizing:border-box}html,body{margin:0;padding:0;box-sizing:border-box;width:100%;overscroll-behavior-x:none;height:auto;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}:root{--round-radius: 20px}.barContainer{box-sizing:border-box;width:100%;height:auto;padding:2px;background-color:#c9c7c7;border-radius:var(--round-radius)}.filler{box-sizing:border-box;height:10px;width:0;border-radius:var(--round-radius)}.parallax-parent-container{position:relative;overflow:hidden}.parallax-inner-container{position:absolute;top:0;left:0;width:100%;height:140%;background-size:cover;background-position:center;z-index:1;will-change:transform}.parallax-children-container{position:relative;z-index:2;display:grid;place-items:center;height:inherit}.component-pop-up-overlay{width:100%;height:100vh;background:#d0cdcd6a;z-index:10000000000000000;position:fixed;top:0;display:grid;place-items:center}.component-pop-up-inner-div{width:100%;display:grid;place-items:center}.main-placeholder-split-view{width:100%;height:80vh;display:grid;grid-template-columns:repeat(2,1fr);gap:30px;padding:5%}@media(max-width:700px){.main-placeholder-split-view{grid-template-columns:repeat(1,1fr)}}.long-bar-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;padding:10px;margin-bottom:5%}.short-bar-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;padding:10px;width:45%;margin-bottom:5%}.big-bars-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;padding:10px;width:100%;margin-bottom:5%;height:100px;border-radius:20px}.big-box-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;padding:10px;width:100%;height:inherit;border-radius:20px}.box-template{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;padding:10px;width:100%;min-height:350px;height:auto;border-radius:20px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.Grid-Template-Boxes{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:stretch;height:auto;min-height:350px}@media(max-width:750px){.Grid-Template-Boxes{grid-template-columns:repeat(2,1fr)}.box-template{min-height:350px}}#toast{width:100%;height:auto;box-sizing:border-box;padding:10px;position:fixed;top:0;display:flex;justify-content:center;align-items:flex-start;pointer-events:none;z-index:1000000}.toastBar{display:flex;align-items:center;gap:15px;padding:10px 20px;border-radius:50px;overflow:hidden;max-width:60px;transform:translateY(-120%);transition:max-width .5s ease,transform .5s ease;white-space:nowrap}.toastBar.slide{transform:translateY(0)}.toastBar.expand{max-width:400px}.stp-text{font-family:system-ui,sans-serif;font-weight:700;font-size:100%;opacity:0;visibility:hidden;transition:opacity .5s ease}.stp-text.show{opacity:1;visibility:visible}.stp-text.hide{opacity:0}.round-orange-gradient-button{border:none;border-radius:20px;padding:20px;background-image:linear-gradient(to right,#efdf00,#ef9f00,#ef8b00,#ef7300,#ff4500);color:#fff;width:50%;font-weight:700;cursor:pointer;transition:all .3s ease-in-out}.round-orange-gradient-button:hover{transform:scale(1.1)}:root{--orange:#ef7300}.orange-accent-underline{position:relative;display:inline-block;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:700;margin-bottom:4%}.orange-accent-underline:after{content:"";position:absolute;left:0;bottom:-5px;height:3px;width:40%;background-color:var(--orange)}:root{--height: 550px;--orange:#ef7300}.hoverables{cursor:pointer;transition:all .3s ease-in-out}.hoverables:hover{transform:scale(1.1)}header{padding:20px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;position:sticky;top:0;background-color:#fff;z-index:1000;width:100%;box-sizing:border-box}.parent-html-container{padding:30px;width:100%;box-sizing:border-box;display:grid;grid-template-columns:2fr 450px}.parent-html-container>section:first-child{min-width:0}.hr-line{margin:0%;width:20%;height:5px;background-color:#ef7300;color:#ef7300;border:0}.hero-section-main,.hero-section,.hero-section-inner-div,.container,.profile-image-container,.my-projects,.github-calendar-section,.Tech-Stack-Section,.tech-stack-container,.my-stack,.about-me-box,.all-projects-section,.resume-and-cv-viewer{width:100%;height:auto;box-sizing:border-box;margin-bottom:5%}.hero-section-main{height:100dvh;background-color:#00000065;padding:10px;display:flex;justify-content:space-between;align-items:center;gap:20px}.hero-section-divided-containers{width:100%;height:inherit}.place-to-center{display:grid;place-items:center;padding:10px}.social-media-icons-container{width:fit-content;padding:10px;display:flex;justify-content:space-evenly;align-items:center;gap:20px;color:#fff;font-size:1.5rem;box-sizing:border-box}.profile-image{height:350px;width:350px;background:url(/profile.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:50%}.name{font-size:3rem}.section-title{align-items:center;padding:10px;text-align:center}.my-projects{background-color:#fff;padding:0% 5%}.tech-stack-container,.about-me-inner-container{display:flex;justify-content:space-evenly;align-items:stretch;gap:30px;padding:0% 10%}.about-me-box{min-height:200px;margin-top:2%}.box{display:flex;justify-content:flex-start;align-items:center;gap:30px;width:100%;font-size:1.3rem;margin-bottom:20px;padding:10px;border-radius:10px;font-weight:600;box-sizing:border-box}.font-awesome-icon{padding:20px;background-color:#fee6c18e;color:#ff9500;border-radius:50px}.featured-Projects,.all-projects{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:10px;box-sizing:border-box}.featured-Projects-Box{min-height:150px;padding:10px;background-color:#fff;box-shadow:0 4px 6px #0000001a;border-radius:20px;cursor:pointer;transition:transform .3s ease-in-out;box-sizing:border-box;text-align:left}.featured-Projects-Box:hover{transform:scale(1.01)}.Project-title{font-size:1.2rem;min-height:100px}.font-awesome-icons{margin-right:5%}.project-image-thumbnail{width:100%;height:150px;object-fit:cover;box-sizing:border-box;margin-bottom:5%}.project-description{box-sizing:border-box;width:100%;height:100px;min-height:1}.GitHub-Calendar-Container{width:100%;box-sizing:border-box;display:grid;place-items:center;padding:10px}.github-contri-history{width:100%;height:auto;box-sizing:border-box;padding:5%;display:grid;grid-template-columns:repeat(3,2fr);gap:10px}.github-info-box{width:100%;box-sizing:border-box;height:auto;border-radius:20px}.corner-lines{background:linear-gradient(#ff4500,#ef7300) top left,linear-gradient(#ff4500,#ef7300) top left,linear-gradient(#ff4500,#ef7300) top right,linear-gradient(#ff4500,#ef7300) top right,linear-gradient(#ff4500,#ef7300) bottom left,linear-gradient(#ff4500,#ef7300) bottom left,linear-gradient(#ff4500,#ef7300) bottom right,linear-gradient(#ff4500,#ef7300) bottom right;background-size:20px 3px,3px 20px,20px 3px,3px 20px,20px 3px,3px 20px,20px 3px,3px 20px;background-position:top left,top left,top right,top right,bottom left,bottom left,bottom right,bottom right;background-repeat:no-repeat;padding:20px}.tech-stack-box-container{width:100%;height:auto;box-sizing:border-box;padding:5%;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tech-stack-box{width:100%;height:auto;box-sizing:border-box;min-height:150px;background-color:#fffefe;border-radius:20px;padding:10px}.tech{width:100%;box-sizing:border-box;display:grid;place-items:center;gap:10px;margin-top:5%}.tech-logo{width:200px;box-sizing:border-box}.stacks{width:100%;box-sizing:border-box;height:auto;flex-wrap:wrap;display:flex;justify-content:flex-start;align-items:center;gap:10px}.tech-stack-name{padding:5px;border:1px solid gray;border-radius:20px;width:fit-content;font-size:.7rem;transition:all .3s ease-in-out}.tech-stack-name:hover{transform:scale(1.1);cursor:pointer}.top-languages-section{width:100%;box-sizing:border-box;height:auto;padding:5%;background-color:#141313}.data-language-container{width:100%;box-sizing:border-box;height:auto;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#fff;font-weight:700}.stats-box{width:100%;height:auto;box-sizing:border-box}.resume-and-cv-viewer{min-height:350px}.button-viewer-container{display:flex;justify-content:space-around;align-items:center;gap:50px;width:50%}.pop-up-viewer-btn{padding:15px 30px;font-size:1rem;font-weight:700;color:#fff;border:none;border-radius:5px;cursor:pointer;width:100%;background:linear-gradient(to right,#ffb32f 50%,#f28d40 50%);background-size:200% 100%;background-position:right bottom;transition:all .5s ease-out}.pop-up-viewer-btn:hover{background-position:left bottom}.pop-up-div{border-radius:20px;background-color:#fff;width:70%;height:100vh;overflow:hidden;position:absolute;z-index:10000000000000000}.pop-up-header{padding:10px;background:transparent;color:#000;min-height:30px;font-weight:700;display:flex;justify-content:space-between;align-items:center}.download_button{cursor:pointer;background:transparent;padding:5px;border:none;border-radius:5px;font-size:1.4rem}.get-in-touch-section-parent{width:100%;height:auto;box-sizing:border-box;min-height:150px;background-color:#000;background-image:url(/hero-section-bg.png);background-position:center;background-repeat:repeat;background-size:cover;background-attachment:fixed}.get-in-touch-inner-div{width:100%;box-sizing:border-box;height:inherit;background-color:#05050570;display:grid;grid-template-columns:repeat(2,2fr);gap:10px}.get-in-touch-inner-boxes{width:100%;height:auto;min-height:400px;color:#fff;box-sizing:border-box;padding:5%}.get-in-touch-form{width:100%;height:auto;min-height:200px;padding:10px;box-sizing:border-box;background-color:#5b595926;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:20px;border:1px solid #605f5f}.input-field,.text-area{outline-offset:none;outline:none;border:1px solid white;background-color:#5b595971;border-radius:10px;width:100%;box-sizing:border-box;padding:10px;margin-bottom:5%;color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.text-area{resize:none;height:150px}#form{box-sizing:border-box;padding:5%}footer{padding:10px;text-align:center;background-color:#000;color:#fff}.animated-text{background:linear-gradient(to right,#efdf00,#ef9f00,#ef8b00,#ef7300,#ff4500,#ef7300,#efdf00);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:gradientAnimation 4s linear infinite}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.animated-border-box{border:4px solid transparent;padding:5px;border-radius:50%;position:relative;background:linear-gradient(#1d1f20,#1d1f20) padding-box,conic-gradient(from var(--angle),#efdf00,#ef9f00,#ef8b00,#ef7300,orangered,#ef7300,#efdf00) border-box;animation:rotate 4s linear infinite;display:grid;place-items:center}.linear-gradient-text{-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;background-image:linear-gradient(to right,#efdf00,#ef9f00,#ef8b00,#ef7300,#ff4500,#ef7300,#efdf00)}@keyframes gradientAnimation{0%{background-position:0% center}to{background-position:200% center}}@keyframes rotate{to{--angle: 360deg}}.links{position:relative;cursor:pointer}.links:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--orange);transition:width .3s ease}.links:hover:after{width:100%}@media(max-width:780px){.hero-section-main{flex-direction:column-reverse;align-items:center;text-align:center;gap:0px;margin-bottom:0%}.profile-image{height:250px;width:250px}.social-media-icons-container{width:100%;box-sizing:border-box;margin-top:50px}.-textwrapper{box-sizing:border-box;width:100%;padding-left:20%;padding-right:20%}.container,.tech-stack-container,.about-me-inner-container,.hero-section-box-container{flex-direction:column;align-items:center}.hero-section-inner-div,.featured-Projects,.all-projects,.github-contri-history,.tech-stack-box-container,.get-in-touch-inner-div{grid-template-columns:repeat(1,1fr)}.tech-stack-container,.about-me-inner-container{padding:0% 5%}.data-language-containe{flex-direction:column;align-items:center;flex-wrap:wrap}.get-in-touch-form-title,.form-top-label{text-align:center}.pop-up-div{width:90%}.button-viewer-container{flex-direction:column;align-items:center;width:80%;gap:10px}.project-header-container{grid-template-columns:1fr!important;gap:0px}.parent-html-container{display:flex;flex-direction:column;padding:15px;width:100%;box-sizing:border-box}.project-details{padding:5px}.horizontal-scollable{width:100%}.project-details-section{padding:0!important}.screenshot-image{height:350px;width:auto;max-width:200vw}}.solar-flare-gradient-text{background:-webkit-linear-gradient(45deg,#FFF400 0%,#FF9900 30%,#FF3300 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.fusion-orange-gradient-text{background:-webkit-linear-gradient(45deg,#FF6200 0%,#FD9346 50%,#FDB777 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.project-page-banner{padding:10px;width:100%;min-height:350px;box-sizing:border-box}.banner-inner-div{background-color:#f8f4f4;height:350px;width:100%;border-bottom:5px solid orangered;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column}.all-projects-section{display:flex;justify-content:center;flex-direction:column;align-items:center;text-align:center;min-height:350px}.project-header-container{display:grid;grid-template-columns:170px 2fr}.project-header-title{width:100%;height:auto;padding:10px;margin-bottom:5%}.project_image{box-shadow:0 4px 6px -1px #00000056,0 2px 4px -1px #00000037;cursor:pointer;border-radius:10px;border:2px solid #00000019;transition:all .3s ease-in-out;height:150px;width:150px}.project_image:hover{transform:rotate(-2deg)}.project-desc{padding:10px}.project-details-section{padding:20px;overflow-wrap:break-word}.on-hover-links{cursor:pointer;transition:all .3s ease-in-out}.on-hover-links:hover{color:#ff4500}.images-parent-container{width:100%;height:auto;min-height:350px;overflow:hidden}.horizontal-scollable{overflow-x:auto;width:100%;max-width:750px;display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:16px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:8px;border-radius:12px}.screenshot-image{height:450px;width:auto;object-fit:cover;border-radius:12px;box-shadow:0 4px 12px #0000001a}