*{box-sizing:border-box;margin:0;padding:0}body{color:#fff3e0;cursor:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\"><circle cx=\"10\" cy=\"10\" r=\"6\" fill=\"white\"/></svg>") 8 8,auto;background-color:#070017;width:100vw;min-height:2000px;margin:0;font-family:sans-serif;line-height:1.6;position:relative}a{cursor:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"25\" height=\"25\"><circle cx=\"12.5\" cy=\"12.5\" r=\"8\" fill=\"%23a29bfe\"/></svg>") 12 12,auto}::selection{color:#fff;background-color:#afafaf4d}.reveal{opacity:0;transition:all 1.5s;transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}#loader{z-index:1000;background-color:#070017;background-image:radial-gradient(circle,#c8c8c833,#fff0,#fff0);flex-direction:column;justify-content:center;align-items:center;gap:30px;width:100%;height:100%;transition:all .8s;display:flex;position:fixed;top:0;left:0}#loader.hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-ring{background-image:conic-gradient(#ff80b3,#fb80ff,#8e82ff,#7ab4ff,#7ef9ff,#80ffa2,#ecff7e,#ffcb82,#ff9481,#ff80b3);border-radius:50%;width:100px;height:100px;animation:1.5s linear infinite ring;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 13px),#000 calc(100% - 13px));mask:radial-gradient(farthest-side,#0000 calc(100% - 13px),#000 calc(100% - 13px))}@keyframes ring{to{transform:rotate(360deg)}}.timeline-container{background-color:#adadad00;width:100%;height:8px;overflow:hidden}.timeline{clip-path:inset(0 100% 0 0);background-image:linear-gradient(90deg,#ff80b3,#fb80ff,#8e82ff,#7ab4ff,#7ef9ff,#80ffa2,#ecff7e,#ffcb82,#ff9481);width:100%;height:100%}.gradient-canvas{z-index:-1;width:100%;height:100%;position:fixed;top:0;left:0}body,p{font-family:Josefin Sans,sans-serif}html{scroll-behavior:smooth}section{scroll-margin-top:100px}h2{font-family:Playfair Display,serif}h3{font-family:Quantico,sans-serif}nav{z-index:100;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-color:#adadad1a;border-bottom:1px solid #fff3;width:100%;position:fixed;top:0;left:0}.navbar-stuff{justify-content:space-between;align-items:center;margin:8px 40px 8px 20px;display:flex}.logo{width:44px;height:45px;display:block}.nav-links{gap:50px;list-style:none;display:flex}.nav-links a:link,.nav-links a:visited{color:#fafafabf;padding-top:50px;padding-bottom:50px;font-size:20px;text-decoration:none;transition:all .5s}.nav-links a:hover{color:#fafafa}#hero{flex-direction:column;justify-content:center;align-items:center;height:100dvh;display:flex;position:relative}.hero-content{opacity:0;text-align:center;transition:all 1s;transform:translateY(30px)}.hero-content.visible{opacity:1;transform:translateY(0)}#hero h1{color:#0000;background-image:linear-gradient(90deg,#ff80b3,#fb80ff,#8e82ff,#7ab4ff,#7ef9ff,#80ffa2,#ecff7e,#ffcb82,#ff9481,#ff80b3);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;font-family:Playfair Display,serif;font-size:90px;animation:4s linear infinite gradientShift}@keyframes gradientShift{to{background-position:200%}}#hero p{color:#fafafabf;margin-left:auto;margin-right:auto;font-family:Josefin Sans,sans-serif;font-size:25px}#about{height:100dvh;padding:0 60px}#about h2{color:#0000;background-image:linear-gradient(90deg,#ff9e9e,#fca8ff,#c6c0ff,#8af9ff,#c6c0ff,#fca8ff,#ff9e9e);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;margin-bottom:60px;font-size:50px;animation:4s linear infinite gradientHeadings}@keyframes gradientHeadings{to{background-position:200%}}.about-stuff{align-items:center;gap:30px;display:flex}.flip-card{perspective:1000px;width:100%;max-width:500px}.flip-card-inner{width:100%;transform-style:preserve-3d;transition:all 1s;position:relative}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.front-card{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);backface-visibility:hidden;background-color:#adadad33;border:1px solid #e1e1e180;border-radius:15px;width:100%;padding:20px 25px;transition:all .5s;position:relative}.front-card:hover{background-color:#adadad4d;box-shadow:0 0 20px 5px #adadad66}.front-card p{color:#fafafabf;font-family:Average Sans,sans-serif;font-size:19px;line-height:1.5}.back-card{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);backface-visibility:hidden;background-color:#adadad33;border:1px solid #e1e1e180;border-radius:15px;width:100%;height:100%;padding:25px;position:absolute;top:0;left:0;overflow:hidden;transform:rotateY(180deg)}.photo{object-fit:cover;object-position:center top;border-radius:15px;width:100%;height:100%}.harpaavan{color:#0000;background-image:linear-gradient(90deg,#ff80b3,#fb80ff,#8e82ff,#7ab4ff,#7ef9ff,#80ffa2,#ecff7e,#ffcb82,#ff9481,#ff80b3);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;width:max-content;font-family:Average Sans,sans-serif;font-size:23px;font-weight:1000;transition:all .5s;animation:4s linear infinite gradientShift}.skills{flex:1.3}.bloops{flex-wrap:wrap;margin-top:20px;margin-bottom:20px;display:flex}.skill-part h3{font-size:22px}.skill-icon{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-color:#adadad33;border:1px solid #e1e1e180;border-radius:15px;justify-content:center;align-items:center;margin:7px 5px 4px;padding:10px;transition:all .3s;position:relative}.skill-icon span{opacity:0;white-space:nowrap;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);pointer-events:none;background-color:#c8c8c840;border:.5px solid #e1e1e180;border-radius:10px;padding:2px 5px;font-family:Josefin San,sans-serif;font-size:10px;transition:all .5s;position:absolute;bottom:110%;left:50%;transform:translate(-50%)}.skill-icon.below span{top:110%;bottom:auto}.skill-icon:hover{background-color:#adadad4d;transform:scale(1.07);box-shadow:0 0 20px 3px #adadad66}.skill-icon:hover span{opacity:1}.icon{width:35px;height:35px;display:block}.vex-icon{border-radius:7px;width:35px;height:35px;display:block}#projects{height:100dvh;padding-left:60px;padding-right:60px}#projects h2{color:#0000;background-image:linear-gradient(90deg,#ff9e9e,#fca8ff,#c6c0ff,#8af9ff,#c6c0ff,#fca8ff,#ff9e9e);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;margin-bottom:60px;font-size:50px;animation:4s linear infinite gradientHeadings}.allprojects{grid-template-columns:repeat(4,1fr);gap:30px;display:grid}.project-card{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-color:#adadad33;border:1px solid #e1e1e180;border-radius:15px;padding:20px;transition:all .5s}.project-card:hover{background-color:#adadad4d;transform:scale(1.05);box-shadow:0 0 20px 5px #adadad66}.project-card h3{color:#fff3e0;background-image:linear-gradient(90deg,#ffcac3,#ffdbb1,#fcffc4);-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:27px;transition:all .5s}.project-card:hover h3{color:#0000}.project-card p{color:#fafafabf;margin-bottom:10px;font-family:Average Sans,sans-serif;font-size:16px;transition:all .5s}.project-card:hover p{color:#fafafae6}.project-card a:link,.project-card a:visited{color:#a6b8ff;font-size:15px;text-decoration:none}.arrow{opacity:0;transition:all .5s}.project-card:hover .arrow{opacity:1}#experience{padding-bottom:100px;padding-left:60px;padding-right:60px}#experience h2{text-align:center;color:#0000;background-image:linear-gradient(90deg,#ff9e9e,#fca8ff,#c6c0ff,#8af9ff,#c6c0ff,#fca8ff,#ff9e9e);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;margin-bottom:100px;margin-left:auto;margin-right:auto;font-size:50px;animation:4s linear infinite gradientHeadings}.experiences{max-width:1100px;margin:0 auto;position:relative}.line{background-image:linear-gradient(#ff80b3,#fb80ff,#8e82ff,#7ab4ff,#7ef9ff,#80ffa2,#ecff7e,#ffcb82,#ff9481,#ff80b3);background-size:200% 100%;width:2px;animation:4s linear infinite gradientLine;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}@keyframes gradientLine{to{background-position:200%}}.dot{z-index:2;background-color:#fff3e0;border:3px solid #0c0017;border-radius:50%;width:18px;height:18px;margin-top:80px;position:absolute;top:20px}.experience-card.left .dot{transition:all .5s;right:-65px}.experience-card.right .dot{transition:all .5s;left:-65px}.experience-card.left:hover .dot{right:-50px}.experience-card.right:hover .dot{left:-50px}.experience-card{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-color:#adadad33;border:1px solid #e1e1e180;border-radius:15px;width:45%;margin-bottom:15px;padding:25px;transition:all .5s;position:relative}.experience-card:hover{background-color:#adadad4d;transform:scale(1.05);box-shadow:0 0 20px 5px #adadad66}.experience-card h3{color:#fff3e0;background-image:linear-gradient(90deg,#ffcac3,#ffdbb1,#fcffc4);-webkit-background-clip:text;background-clip:text;width:max-content;margin-bottom:12.5px;font-size:25px;transition:all .5s}.experience-card:hover h3{color:#0000}.experience-card p{color:#fafafabf;font-family:Average Sans,sans-serif;font-size:18px;transition:all .5s}.experience-card:hover p{color:#fafafae6}.experience-card.left{margin-right:auto}.experience-card.right{margin-left:auto}.date{color:#a6b8ff;margin-bottom:12.5px;font-size:15.5px;display:inline-block}#award{padding-bottom:100px;padding-left:60px;padding-right:60px}.awards{column-count:3;column-gap:20px}#award h2{color:#0000;background-image:linear-gradient(90deg,#ff9e9e,#fca8ff,#c6c0ff,#8af9ff,#c6c0ff,#fca8ff,#ff9e9e);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;margin-bottom:60px;font-size:50px;animation:4s linear infinite gradientHeadings}.award-card{break-inside:avoid;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-color:#adadad33;border:1px solid #e1e1e180;border-radius:15px;margin-bottom:20px;padding:20px;transition:all .5s}.award-card:hover{background-color:#adadad4d;transform:scale(1.05);box-shadow:0 0 20px 5px #adadad66}.award-card h3{color:#fff3e0;background-image:linear-gradient(90deg,#ffcac3,#ffdbb1,#fcffc4);-webkit-background-clip:text;background-clip:text;margin-bottom:25px;font-size:25px;transition:all .5s}.award-card:hover h3{color:#0000}.award-card ul{margin-left:15px}.award-card li{color:#fafafabf;font-family:Average Sans,sans-serif;font-size:18px}.award-card:hover li{color:#fafafae6}.achievement-links{opacity:0;margin-left:8px;transition:all .5s}.achievement-links a:link{color:#a6b8ff;font-family:Josefin Sans,sans-serif;font-size:15px}.achievement-links a:visited{color:#a6b8ff;font-size:15px}.award-card:hover .achievement-links{opacity:1}.modal{z-index:10000;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal.open{display:flex}.modal-content img{max-width:80%;max-height:80dvh}.modal-content{justify-content:center;align-items:center;display:flex}#contact{flex-direction:column;justify-content:center;align-items:center;height:100dvh;padding-left:60px;padding-right:60px;display:flex}#contact h2{color:#0000;background-image:linear-gradient(90deg,#ff9e9e,#fca8ff,#c6c0ff,#8af9ff,#c6c0ff,#fca8ff,#ff9e9e);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;font-size:72px;animation:4s linear infinite gradientHeadings}#contact p{color:#fafafabf;margin-bottom:50px;font-family:Josefin Sans,sans-serif;font-size:25px}.contact-icons-group{margin-bottom:125px;display:flex}.con-icons{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-color:#adadad1a;border:1px solid #e1e1e180;border-radius:50%;justify-content:center;align-items:center;margin-left:15px;margin-right:15px;padding:20px 21px 15px;transition:all .3s}.con-icons:hover{background-color:#adadad33;transform:scale(1.1);box-shadow:0 0 20px 3px #adadad4d}.contact-icon{width:50px;height:50px}footer{text-align:center;color:#fafafabf;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-color:#adadad1a;border-top:1px solid #ffffff4d;width:100%;padding-top:30px;padding-bottom:30px;font-size:20px}a:link{color:#0ff;text-decoration:none}a:visited{color:#9c75ff;text-decoration:none}@media (width<=768px){section{scroll-margin-top:25px}.logo{width:30px;height:30px}.nav-links{gap:20px}.nav-links a:link{padding-top:10px;padding-bottom:10px;font-size:12px}.nav-links a:visited{color:#fafafabf;padding-top:10px;padding-bottom:10px;font-size:15px}.timeline-container{height:5px}.navbar-stuff{margin:3px 10px}#hero h1{font-size:64px}#hero p{font-size:20px}#about{height:auto;padding:0 30px}.about-stuff{flex-direction:column}.aboutme-card{flex:auto;padding:10px 15px;font-size:12px}#about h2{text-align:center;margin-bottom:30px;font-size:35px}.harpaavan{font-size:14px}.skills{flex:auto}.bloops{margin-top:10px;margin-bottom:10px}.skill-part h3{font-size:18px}.skill-icon{border-radius:10px;padding:7px}.skill-icon span{padding:1px 3px;font-size:7px}.icon,.vex-icon{width:23px;height:23px}#projects{height:auto;padding:0 30px 100px}#projects h2{text-align:center;margin-top:100px;margin-bottom:30px;font-size:35px}.allprojects{grid-template-columns:repeat(1,1fr)}.project-card{padding:15px}.project-card h3{margin-bottom:10px;font-size:21px}.project-card p{margin-bottom:7px;font-size:13px}.project-card a:link,.project-card a:visited{font-size:13px}#experience{padding-left:30px;padding-right:30px}#experience h2{margin-bottom:30px;font-size:35px}.line{left:100%}.experience-card{padding:15px}.experience-card h3{margin-bottom:10px;font-size:21px}.experience-card p{font-size:13px}.experience-card.right{width:90%;margin-right:100%}.dot{top:10px}.experience-card.left .dot{right:-44px}.experience-card.right .dot{left:330px}.experience-card.left:hover .dot{right:-35px}.experience-card.right:hover .dot{left:321px}.date{margin-bottom:10px;font-size:13px}#award{padding-left:30px;padding-right:30px}.awards{column-count:2;column-gap:10px}#award h2{text-align:center;margin-bottom:30px;font-size:35px}.award-card{margin-bottom:10px;padding:10px}.award-card h3{margin-bottom:10px;font-size:13px}.award-card ul{margin-left:8px}.award-card li{font-size:10px}#contact{padding-left:30px;padding-right:30px}#contact h2{text-align:center;font-size:64px}#contact p{text-align:center;font-size:18px}}