:root{font-family:Open Sans,sans-serif;line-height:1.5;--color-1: rgb(28, 36, 70);--color-2: rgb(229, 255, 0);--color-3: rgb(245, 245, 220);--color-3-dark: rgb(255, 203, 134);--color-4: rgb(255, 255, 255);--color-5-dark: rgb(180, 180, 180)}*{margin:0;padding:0;box-sizing:border-box;transition:all .2s ease-in-out}.letter-space-1{letter-spacing:1px}.translate-up-5{transition:all .2s ease-in-out}.translate-up-5:hover{transform:translateY(-5px)}.color-1{color:var(--color-1)}.color-2{color:var(--color-2)}.color-3{color:var(--color-3)}.color-3-dark{color:var(--color-3-dark)}.color-4{color:var(--color-4)}.border-color-2{color:var(--color-2)}.border-color-5-dark{color:var(--color-5-dark)}.border-bottom{transition:all .2s ease-in-out;border-bottom:2px solid}.border-bottom:hover{border-bottom:4px solid}.home-page-container{width:100%}.hero-section{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;background-color:var(--color-3)}.hero-name{font-weight:900;background:linear-gradient(to right,#a983f0,#fc5252);background-clip:padding-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0px 0px 4px rgb(255,255,255,.2)}.hero-title-box{width:100%;border-radius:10px;display:flex;justify-content:center;flex-wrap:wrap;align-items:center;white-space:normal}.hero-title{text-transform:uppercase;font-weight:600;color:#0f5b81;background:linear-gradient(to right,#004e92,#000428);background-clip:padding-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.cursor{font-weight:600;font-size:24px;color:#000;animation:blink .8s infinite}@keyframes blink{0%,to{opacity:0}50%{opacity:1}}.pro-intro-section{display:flex;flex-direction:column;align-items:center;width:100%;padding:5rem 0rem 2rem}.about-exp-box{display:flex;flex-direction:row;justify-content:center;width:75%;height:400px;padding:2rem 1rem 5rem}.experience-box{position:relative;padding:1rem;border-radius:4px;display:flex;flex-direction:column;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:.5px solid rgb(176,176,179);height:100%;background:#000;overflow:hidden;animation:dynamic-shadow 5s infinite ease-in-out}.experience-box:before{position:absolute;top:0;left:0;content:"";width:100%;height:100%;background:url(/assets/sparkle-CLXKfGIl.jpg);background-size:cover;background-position:center;z-index:-1;opacity:.25}@keyframes dynamic-shadow{0%{box-shadow:0 0 50px 15px #909fe6}33%{box-shadow:0 0 50px 15px #e6cb90}66%{box-shadow:0 0 50px 15px #e69090}to{box-shadow:0 0 50px 15px #909fe6}}.experience-title{text-align:center;color:#fff;text-shadow:0px 0px 10px rgba(0,0,0,.5)}.experience-text{text-align:center;font-size:64px;background:linear-gradient(to right,#fffeff,#ff053b);background-clip:padding-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-text{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:0 0 0 2rem;font-size:18px}.skills-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;background:radial-gradient(circle,#f3dfc2,#fff2e0 75%,#fff)}.skills-title{text-align:center;margin-top:2rem;background:linear-gradient(to right,#004e92,#000428);background-clip:padding-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.skills-body{width:75%;display:flex;align-items:center;flex-wrap:wrap;border-radius:8px;margin:2rem 0}.skill-cat-wrapper{display:flex;justify-content:center;width:50%}.skill-cat-box{display:flex;flex-direction:column;justify-content:center;border-radius:8px;margin:.5rem;padding:1rem;width:100%;background-color:#ffffff1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgb(180,180,180,.5);box-shadow:0 0 20px #0003;transition:all .2s ease-in-out}.skill-cat-box:hover{background-color:#fff;box-shadow:0 0 30px #00000080}.skill-cat-title{font-size:large;letter-spacing:1px;margin-bottom:1rem;text-transform:uppercase}.skill-list{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:1rem}.project-container{display:flex;flex-direction:column;align-items:center;margin:auto}.project-list{display:flex;justify-content:center;gap:1rem;width:75%}.project-list-item{width:100%;height:400px;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgb(180,180,180,.5);box-shadow:0 0 10px #0003;transition:all .2s ease-in-out}.project-list-item:hover{box-shadow:0 0 20px #000c}.project-section-title{text-align:center;margin-top:2rem;text-shadow:0px 0px 10px rgb(255,222,168) 35%;background:linear-gradient(to right,#ffdea8 25%,#ff6f00 60%);background-clip:padding-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.project-tagline-styling{font-size:32px;background:linear-gradient(to right,#a983f0,#fc5252);background-clip:padding-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.img-container{width:100%;height:50%;background:linear-gradient(to right,#fff,#9e9e9e);display:flex;justify-content:center;align-items:center;overflow:hidden;border-top-left-radius:8px;border-top-right-radius:8px}.project-img{width:100%;height:100%;object-fit:cover}.info-container{padding:1rem;height:37.5%}.open-project-btn{width:100%;border:none;cursor:pointer;color:#fff;font-size:16px;height:12.5%;border-bottom-left-radius:8px;border-bottom-right-radius:8px;transition:all .2s ease-in-out;transform:scale(0);background:linear-gradient(to bottom,#ffdea8 5%,#ff6f00 60%)}.contact-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding-bottom:5rem}.contact-title{text-align:center;margin-top:2rem;margin-bottom:2rem;background:linear-gradient(to right,#004e92,#000428);background-clip:padding-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.whatsapp-section{width:50%;border-radius:.5rem;box-shadow:0 0 20px #0003}.chat-header{position:relative;display:flex;gap:1rem;align-items:start;padding:.5rem;width:100%;background-color:#eeedeb;border-top-left-radius:.5rem;border-top-right-radius:.5rem}.chat-section{padding:1rem .5rem;background:url(/assets/whatsapp-backg-DxGV9uq9.png);border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.chat-row{display:flex;gap:12px;margin:18px 0;align-items:flex-start}.chat-row.sent{justify-content:flex-end}.bubble{position:relative;max-width:72%;padding:10px 14px;border-radius:18px;line-height:1.3;box-shadow:0 1px #0000000f;word-wrap:break-word}.bubble.sent{background:#dcf8c6;color:#111;border-top-right-radius:12px}.bubble.sent:after{content:"";position:absolute;width:12px;height:12px;top:-6px;right:12px;background:#dcf8c6;transform:rotate(45deg);box-shadow:0 1px #00000008;border-radius:2px;z-index:0}.bubble.sent:before{content:"";position:absolute;width:14px;height:14px;top:-7px;right:11px;transform:rotate(45deg);background:transparent;box-shadow:0 1px #0000000f;border-radius:2px;z-index:-1}.whatsapp-btn{position:absolute;top:-20px;right:-20px;border-radius:100%;width:50px;height:50px;border:none;cursor:pointer;box-shadow:0 3px 10px 3px #0003;transition:all .2s ease-in-out;background-image:url(/assets/whatsapp-logo-BsHSXI3M.png);background-size:contain;animation:scale-animation 2s infinite ease-in-out}@keyframes scale-animation{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}.whatsapp-alternative-label{margin-top:2rem;padding:1rem;font-size:18px;color:var(--color-5-dark)}.email-button{transition:all .2s ease-in-out;animation:scale-animation 2s infinite ease-in-out}@media (max-width: 992px){.about-exp-box{flex-direction:column;width:75%;height:100%;gap:2rem}.about-text{padding:0}.experience-box:before{background-position:left;background-size:contain}.skill-cat-wrapper{width:100%}.whatsapp-section{width:75%}}@media (max-width: 768px){.hero-section{height:100%;padding:10rem 0 20rem}.about-exp-box{flex-direction:column;width:100%;gap:2rem}.about-text{font-size:16px}.skills-container{width:100%}.skills-body{flex-direction:column;width:100%}.project-list{flex-direction:column}.whatsapp-alternative-label{font-size:16px}.flex-box-2{flex-direction:column}}.circle-link{display:flex;justify-content:center;align-items:center;border-radius:100%;width:64px;height:64px;background-color:#ffffff80;text-decoration:none;border:.1px solid rgb(0,0,0,.1);box-shadow:0 0 #0003;transition:all .2s ease-in-out}.circle-link:hover{background-color:var(--color-4);box-shadow:0 0 4px 4px #0003;transform:scale(1.1)}.circle-link:hover .link-tip{opacity:100%}.link-tip{position:absolute;opacity:0%;top:-55%;font-size:14px;padding:4px 16px;background-color:#000;border-radius:8px;color:var(--color-3);transition:all .2s ease-in-out}.skill-item{display:flex;flex-direction:column;justify-content:center;align-items:center;text-decoration:none;border-radius:5px;color:var(--color-1);cursor:pointer}.skill-img{width:48px;height:48px;margin-bottom:8px}.skill-name{font-size:14px;font-weight:600;letter-spacing:1px}.navbar-container{z-index:2;height:80px;width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 4rem;position:fixed;background-color:#fff;box-shadow:0 0 20px #0003}.nav-heading{font-size:32px}.navbar-links{display:flex;gap:2rem;height:30px}.navbar-links a{display:inline-block;text-decoration:none;text-transform:uppercase;font-weight:900;color:var(--color-1)}.menu-icon{display:none;width:40px;height:40px;padding:.2rem;flex-direction:column;justify-content:center;align-items:center;transition:all .2s;border-radius:4px}.menu-icon:hover{border:.5px solid rgb(255,255,255);background-color:#fff3}.menu-icon-bar{display:block;width:28px;height:4px;background-color:var(--color-4);margin:3px 0;border-radius:4px}.side-menu{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#000c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.side-menu-links-list{display:flex;flex-direction:column}.side-menu-link{display:block;width:100%;padding:2rem;text-transform:uppercase;font-weight:700;color:var(--color-4);background:#0009}.side-menu-link:hover{background:#ffffff1a;border-left:8px solid var(--color-4)}@media (max-width: 992px){.navbar-container{height:60px}.nav-heading{font-size:20px}.navbar-links a{font-weight:600;font-size:12px}}@media (max-width: 768px){.navbar-container{padding:0 2rem 0 1rem}.navbar-links{display:none}.menu-icon{display:flex}.side-menu{display:block}}@media (max-width: 480px){.side-menu-link{padding:1rem}}