@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{height:100vh;overflow-x:hidden;overflow-y:auto}h1{color:#f8f9fa;font-family:Poppins,sans-serif;font-weight:600;letter-spacing:-.5px;line-height:1.2;margin-bottom:1.5rem}.view{min-height:100vh;overflow-y:auto;position:relative;width:100%}.content-container{left:23%;min-height:calc(100vh - var(--navbar-height));overflow-y:auto;position:absolute;top:var(--navbar-height);width:77%;z-index:1}@media screen and (max-width:768px){.content-container{all:unset}}.NavBar-container{align-items:center;display:flex;justify-content:center;padding:15px 20px;position:fixed;top:0;width:100%;z-index:100}.NavButton{border:none;border-radius:5px;color:#fff;cursor:pointer;margin:0 20px;padding:10px 20px;text-decoration:none;transition:background .3s}.color{background:linear-gradient(0deg,#0b1219 0,#202f44)}:root{--card-gradient-start:#2a1f62;--card-gradient-end:#1f4d89;--text-primary:#fff;--text-secondary:#e1e1e1;--accent-color:#64ffdb;--bg-gradient-start:#1a103c;--bg-gradient-end:#1a2f4d}body{background:linear-gradient(135deg,#1a103c,#1a2f4d);background:linear-gradient(135deg,var(--bg-gradient-start),var(--bg-gradient-end));color:#fff;color:var(--text-primary);font-family:Inter,sans-serif;line-height:1.6;min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:2rem;width:100%}.header{margin-bottom:3rem;padding-top:2rem;text-align:center}.header h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#ccc);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;letter-spacing:-.025em;margin-bottom:1rem}.cards-grid{display:flex;flex-direction:column;gap:1.5rem;padding:1rem}.card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#2a1f62,#1f4d89);background:linear-gradient(145deg,var(--card-gradient-start),var(--card-gradient-end));border:1px solid #ffffff26;border-radius:1rem;box-shadow:0 8px 32px #291f624d;margin-top:3vh;overflow:hidden;padding:2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.about-item{background:linear-gradient(45deg,#64ffdb4d,#50c8b44d) 1;border:2px solid #64ffdb4d;border-radius:2rem;color:#fff;color:var(--text-primary);cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .3s ease}.about-item:hover{background:#ffffff26;border-color:#ffffff4d;box-shadow:0 4px 12px #ffffff26;transform:translateY(-2px)}.card:before{background:linear-gradient(145deg,#ffffff08,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:1}.card:hover{border:4px solid #add8ff99;transform:translateY(-8px)}.card:hover:before{opacity:1}.card h2{color:#fff;color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.card h2,.card p{position:relative;z-index:2}.card p{color:#e1e1e1;color:var(--text-secondary);font-size:1rem;line-height:1.7}.skills-grid{display:flex;flex-wrap:wrap;gap:.75rem;position:relative;z-index:2}.skill{background:linear-gradient(45deg,#64ffdb4d,#50c8b44d) 1;border:2px solid #64ffdb4d;border-radius:2rem;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .3s ease}.skill:hover{background:#64ffdb26;border-color:#64ffdb4d;box-shadow:0 4px 12px #64ffdb26;transform:translateY(-2px)}@media screen and (max-width:768px){.card{backdrop-filter:none;-webkit-backdrop-filter:none;filter:none;-webkit-filter:none}.card h2,.card p{-webkit-text-fill-color:#fff;-webkit-text-fill-color:var(--text-primary);background:none;-webkit-background-clip:unset;background-clip:initial;font-size:16px}li{word-wrap:break-word;font-size:1rem;line-height:1.5;overflow-wrap:break-word;white-space:normal}.card{padding:1.5vh}.card h2{text-align:center}}.project-card{background:linear-gradient(145deg,var(--card-gradient-start),var(--card-gradient-end));border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 10px 30px #0006;display:flex;flex-direction:column;height:80vh;margin-top:3vh;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:47vh}.project-card:hover{border:4px solid #add8ff99;box-shadow:0 20px 40px #0009;transform:translateY(-10px)}.content{color:#fff;padding:25px}.content h2{color:#fff;font-size:24px;margin:0;text-align:center;text-shadow:0 0 10px #fff3}.content p{color:#e1e1e1;font-size:16px;line-height:1.5;margin:15px 0;text-align:center}.image-container{display:flex;height:35vh;justify-content:center;margin-bottom:2vh;margin-top:auto;object-fit:cover;width:100%}.image-container img{border-radius:30px;height:100%;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;object-position:center;width:100%}.button-container{display:flex;gap:15px;justify-content:center;padding:20px}.btn{border:none;border-radius:25px;cursor:pointer;font-weight:700;padding:12px 24px;text-decoration:none;transition:all .2s ease}.btn:hover{transform:scale(1.05)}.primary{background:#fff;box-shadow:0 0 15px #fff3;color:#131414}.secondary{background:#0000;border:2px solid #fff;color:#fff}.btn.primary:hover{background:#e6e6e6;transform:scale(1.05)}.btn.secondary:hover{background:#ffffff1a;transform:scale(1.05)}@media screen and (max-width:768px){.project-card:first-child{margin-top:20vh}.project-card:last-child{margin-bottom:20vh}.project-card{margin-top:3vh}}:root{--navbar-height:40px}.projects{display:flex;flex-wrap:wrap;gap:2vw;height:calc(100vh - 40px);height:calc(100vh - var(--navbar-height));justify-content:center;overflow-y:auto;padding:2vw;width:100%}.certifications{padding:20px}.certifications,.certifications h2{color:#fff;color:var(--text-primary,#fff)}.certifications h2{font-size:1.5rem;margin-bottom:20px}.certifications ul{list-style:none;padding:0}.certifications li{line-height:1.8;margin-bottom:25px}.certifications strong{color:#fff;color:var(--text-primary,#fff)}.certifications em{color:#ffffffb3;font-style:italic;margin-left:5px}.certifications br{margin-bottom:5px}.card h2{font-size:1.8rem;margin-bottom:20px}.card p{color:#e6e6e6;font-size:1.1rem;line-height:1.6;margin:12px 0}@media screen and (max-width:768px){.cards-container{margin-bottom:0;margin-top:10vh}.header{margin:0}.card{margin-top:5vh;width:100%}.container{padding:1vh}.card:last-child{margin-bottom:20vh}.card:first-child{margin-top:20vh}}.background{background-color:#000;display:flex;height:calc(100vh - var(--navbar-height));left:0;position:fixed;top:var(--navbar-height);width:100%}.background-container{height:100%;margin-left:23%;overflow:hidden;width:77%}@media screen and (max-width:768px){.background{all:unset}}.AboutMeBox-Container{display:flex;height:calc(100vh - var(--navbar-height));left:0;position:fixed;top:var(--navbar-height);width:20%}.AboutMeBox-Size{align-items:center;display:flex;flex-direction:column;height:100vh;margin-top:calc(var(--navbar-height)*-1);padding-top:var(--navbar-height);width:100%}.AboutMeBox-Color,.AboutMeBox-Size{background-color:#463f4b}.Profile-Picture{align-items:center;display:flex;height:30vh;justify-content:center;margin-top:5vh}.Profile-Picture img{border-radius:10vh;height:100%;object-fit:contain}.Profile-Text{font-size:4vh;font-weight:700;margin-top:3vh}.Profile-Text,.Web-Dev{color:#fff;text-align:center}.Web-Dev{font-size:2.5vh;margin:2vh 2vh 6vh;padding:.5vh}.Picture-Color{background:#d28de3;background:linear-gradient(0deg,#4d4c55 0,#6f5768);border-radius:7vh;box-shadow:0 10px 20px #00000080,10px 5px 50px #0000001a}.AboutMe-Contact-Container{display:flex;flex:1 1;flex-direction:column;margin-left:1.5vh}.AboutMe-Contact-Container>h1:first-child{color:#d3d3d3}.AboutMe-Contact-Container h1{color:#fff;font-size:clamp(12px,1.5vh,16px);margin:.5vh;text-align:left}.Programming-Languages-Container{display:flex;gap:3vh;height:5vh;justify-content:center;margin-bottom:3vh;margin-top:auto;width:50vh}.Programming-Languages-Container img{max-height:80%;max-width:100%}.Profile-Css,.Profile-Html,.Profile-Javascript,.Profile-React{color:#fff;font-size:1vh;text-align:center}.Red{color:#f55656}.Blue{color:#1584bf}.Orange{color:#debc35}.React{color:#3bb9eb}.AboutMe-Contact-Container-Parent img{height:3vh;margin-left:3vh;max-width:100%;object-fit:contain;width:auto}.AboutMe-Contact-Container-Parent{align-items:center;cursor:pointer;display:flex;gap:1vh;height:auto;margin-top:2vh;width:100%}h1{font-family:Open Sans,sans-serif}@media screen and (max-width:768px){.AboutMe-Contact-Container-Parent:nth-child(5),.Profile-Css,.Profile-Html,.Profile-Javascript,.Profile-React,.Programming-Languages-Container,.Web-Dev{display:none}.container2{width:100%}.AboutMeBox-Container{bottom:0;height:15vh;margin-top:auto;position:fixed;width:100%;z-index:1000}.AboutMeBox-Size{align-items:center;display:grid;grid-template-areas:"picture name contact" "picture name contact" "picture name contact";grid-template-columns:auto 1fr auto;height:100%;margin:0;padding:1rem;width:100%}.Profile-Picture{grid-area:picture;height:45px;margin:0;width:45px}.Profile-Picture img{border-radius:50%}.Profile-Text{color:#fff;font-size:14px;grid-area:name;margin:0;white-space:nowrap}.AboutMe-Contact-Container-Parent{align-items:center;display:flex;gap:10px;margin:5px 0}.AboutMe-Contact-Container-Parent img{height:15px;margin:0}.AboutMe-Contact-Container{display:flex;flex-direction:column;gap:2px}.AboutMe-Contact-Container h1{color:#d3d3d3;font-size:10px;margin:0;white-space:nowrap}.AboutMe-Contact-Container h1:last-child{color:#fff}}
/*# sourceMappingURL=main.d8614a98.css.map*/