body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.about-section{background:linear-gradient(90deg,#0c1124 0,#130101 50%,#030128);color:#fff;font-family:Arial,sans-serif;height:auto;justify-content:center;margin-bottom:-2%;margin-top:-10%;padding:5%}.about-content,.about-section{align-items:center;display:flex;flex-direction:column}.about-content{margin:10px 0;max-width:100%}.about-image{margin-bottom:20px}.profilePhoto{border-radius:70px;height:300px;object-fit:cover;transition:transform .3s ease;width:300px}.profilePhoto:hover{transform:scale(1.05)}.about-text{margin-right:10px;max-width:700px;text-align:center}.contenthdsm{font-size:2.5rem;margin-bottom:1rem}.contentsm{font-size:1.125rem;line-height:1.6}@media (min-width:768px){.about-section{flex-direction:row;height:100vh}.about-content{align-items:center;flex-direction:row;justify-content:space-between;margin:0 auto;max-width:1200px}.about-image{margin-bottom:0}.about-text{margin-left:70px;text-align:left}}.footer{align-items:flex-end;background-color:#0c1124;border-top:1px solid #25213b;color:#fff;display:flex;justify-content:space-between;padding:40px}.footer h3{font-size:1.5rem;margin-bottom:20px}.footer-left{width:40%}.footer-right{text-align:right;width:60%}.contact-form{display:flex;flex-direction:column;gap:15px}.contact-form input,.contact-form textarea{background-color:#1a1443;border:none;border-radius:5px;color:#fff;font-size:1rem;padding:10px;width:100%}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#ccc}.contact-form button{background-color:#8a2be2;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s ease}.contact-form button:hover{background-color:#7224c4}.social-icons{display:flex;gap:20px;justify-content:flex-end;margin-top:30px}.social-icons a{color:#fff;font-size:1.5rem;transition:color .3s ease}.social-icons a:hover{color:#8a2be2}@media (max-width:768px){.footer{align-items:center;flex-direction:column}.footer-left,.footer-right{text-align:center;width:100%}.footer-right{margin-top:30px}.social-icons{justify-content:center}}.glassmorphism-container{background:linear-gradient(135deg,#ff4d4d,#f96);border-radius:16px;box-shadow:0 10px 30px #0000001a;color:#fff;display:flex;flex-direction:column;padding:20px}.glassmorphism-preview{height:100px;margin-bottom:10px;width:250px}.glassmorphism-controls-container{display:flex;flex-direction:column}.glassmorphism-code-container,.glassmorphism-controls{display:flex;flex-direction:column;min-width:250px;width:50%}.glassmorphism-code-container{margin-top:10px}.glassmorphism-controls h2{font-size:1.5rem;margin-bottom:15px}.glassmorphism-controls label{font-size:.9rem;font-weight:700;margin-bottom:5px;margin-top:5px}.glassmorphism-controls input[type=color],.glassmorphism-controls input[type=range]{margin-bottom:5px;width:50%}.glassmorphism-code{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fff;font-family:Courier New,Courier,monospace;height:150px;padding:10px;resize:none;width:100%}.copy-button{background-color:#fff3;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;margin-top:5px;padding:10px;transition:background-color .3s}.copy-button:hover{background-color:#fff6}@media (min-width:769px){.glassmorphism-controls-container{align-items:flex-start;flex-direction:row;justify-content:space-between}.glassmorphism-controls{margin-right:15px;width:40%}.glassmorphism-code-container{margin-top:0;width:55%}.glassmorphism-preview{margin-bottom:15px;width:100%}}.topnav{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#00000042;border:1px solid #0000004d;box-shadow:0 4px 30px #0000001a;overflow:hidden;padding:0;position:fixed;width:100%;z-index:1000}.topnav a{border-radius:8px;color:#fff;font-size:14px;margin:0 5px;padding:8px 12px;text-align:center;text-decoration:none;transition:background-color .3s,color .3s}.topnav a:hover{color:#ffffffe3}.topnav a.active{background-color:#fff3;color:#9fc5bc}.logo{border-radius:7px;height:40px;width:40px}.navbar-nav{align-items:center;display:flex;justify-content:flex-end;width:100%}.profile-section{align-items:flex-start;background:linear-gradient(90deg,#0c1124 0,#130101 50%,#030128);color:#fff;display:flex;flex-wrap:wrap;font-family:Arial,sans-serif;height:auto;justify-content:space-between;padding:8% 5% 5%}.profile-left{flex:1 1;max-width:100%;padding:28px}.profile-intro{margin-bottom:0}.profile-intro,.profile-name,.profile-title{font-size:3.15rem}.highlight-name{color:#4d45d7}.highlight-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#3fe481,#0564c4);-webkit-background-clip:text}.social-links{margin:1rem 0}.social-icon{color:#ff69b4;font-size:1.2rem;margin-right:10px;text-decoration:none;transition:color .3s ease}.social-icon:hover{color:#fff}.profile-buttons{margin-top:1rem}.contact-button,.resume-button{border:none;border-radius:25px;cursor:pointer;font-weight:700;margin-right:8px;padding:8px 15px;transition:background .3s ease}.contact-button{background:#0000;border:2px solid #ff69b4;color:#ff69b4}.contact-button:hover{background:#ff69b4;color:#fff}.resume-button{background:linear-gradient(90deg,#ff758c,#ff7eb3);color:#fff}.resume-button:hover{background:linear-gradient(90deg,#ff7eb3,#ff758c)}.code-container{background-color:#0b0e11;border-color:#00d1b2;border-radius:12px;box-shadow:0 10px 30px #0000004d;margin:10px auto 10px 10px;max-width:680px;width:100%}.code-window{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:#161b22bb;background:#161b2240;border:1px solid #161b224d;border-radius:8px;border-radius:16px;box-shadow:0 8px 20px #00000080;box-shadow:0 4px 30px #0000001a;color:#c5c6c7;font-family:Fira Code,monospace;font-size:.9em;padding:15px;position:relative}.code-header{display:flex;gap:8px;margin-bottom:10px}.circle{border-radius:50%;display:inline-block;height:12px;width:12px}.red{background-color:#ff5f57}.yellow{background-color:#ffbd2e}.green{background-color:#28c840}.code-content{font-size:1.125rem;overflow-x:auto}.keyword{color:#ff5757}.operator{color:#ffbd2e}.property{color:#0dd3f3}.string{color:#f0da50}.boolean{color:#ff8c00}.function{color:#00d1b2}.number{color:#d8a657}.bracket{color:#c678dd}.method{color:#0dcaf0}@media (max-width:768px){.profile-section{align-items:center;flex-direction:column}.profile-left{max-width:100%;text-align:center}.profile-intro{font-size:2rem;margin-bottom:0}.profile-name,.profile-title{font-size:2.15rem}.code-container{margin:20px 0;width:90%}.code-window{font-size:.9em;padding:15px}.social-icon{font-size:1.2rem;margin-right:8px}.contact-button,.resume-button{margin-right:5px;padding:8px 15px}}.projects-container{background:linear-gradient(90deg,#0c1124 0,#130101 50%,#030128);border-top:1px solid #25213b;padding-bottom:20px;position:relative;z-index:50}.projects-divider-wrapper{display:flex;justify-content:center;transform:translateY(-1px)}.projects-divider{background:linear-gradient(90deg,#0000,#8a2be2,#0000);height:1px;margin-bottom:3%;width:75%}.projects-header-wrapper{display:flex;justify-content:center;margin:20px 0;padding:0 0 32px}.projects-header{align-items:center;display:flex}.projects-line{background-color:#1a1443;height:2px;width:96px}.projects-title{background-color:#1a1443;border-radius:8px;color:#fff;font-size:1.25rem;padding:8px 20px}.cards-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:20px}.card{background-color:#11152c;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;height:380px;max-width:20rem;overflow:hidden;position:relative;transition:transform .2s ease-in-out;width:100%}.card:hover{border:3px;transform:translateY(-13px)}.card-img-top{height:200px;object-fit:cover;object-position:center;width:100%}.card-body{display:flex;flex-direction:column;flex-grow:1;padding:15px}.card-title{color:#fff;font-size:1.15rem;margin-bottom:10px}.card-text{color:#9b9898;font-size:.85rem;margin-bottom:15px}.description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.button-container{display:flex;justify-content:space-between;margin-top:auto;padding:10px}.btn-primary{background-color:#3a7cc2;border:none;border-radius:4px;color:#fff;display:inline-block;margin:5px 0;padding:10px 20px;text-align:center;text-decoration:none;transition:background-color .2s ease-in-out;width:48%}.btn-primary:hover{background-color:#0056b3;border-color:#8a2be2}@media (min-width:1024px){.card{flex-basis:calc(25% - 20px);flex-grow:1;flex-shrink:1}}@media (min-width:768px) and (max-width:1023px){.card{flex-basis:calc(33.33% - 20px);flex-grow:1;flex-shrink:1}}@media (max-width:767px){.card{flex:1 1 100%}}.skills-container{background:linear-gradient(90deg,#0c1124 0,#130101 50%,#030128);border-top:1px solid #25213b;padding-bottom:20px;position:relative;z-index:50}.skills-divider-wrapper{display:flex;justify-content:center;transform:translateY(-1px)}.skills-divider{background:linear-gradient(90deg,#0000,#8a2be2,#0000);height:1px;margin-bottom:3%;width:75%}.skills-header-wrapper{display:flex;justify-content:center;margin:20px 0;padding:0 0 32px}.skills-header{align-items:center;display:flex}.skills-line{background-color:#1a1443;height:2px;width:96px}.skills-title{background-color:#1a1443;border-radius:8px;color:#fff;font-size:1.25rem;padding:8px 20px}.skills-marquee{margin:3rem 0;width:100%}.skill-card{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;margin:12px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;position:relative;transition:all .5s;width:144px}.skill-card:hover{transform:scale(1.15)}.skill-card-content{background-color:#11152c;border:1px solid #1f223c;border-radius:8px;box-shadow:none;height:100%;transition:all .5s;width:100%}.skill-card:hover .skill-card-content{border-color:#8a2be2}.skill-divider-wrapper{display:flex;justify-content:center;transform:translateY(-1px)}.skill-divider{background:linear-gradient(90deg,#0000,#8a2be2,#0000);height:1px;width:75%}.skill-info{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:24px}.skill-image{height:32px}.skill-name{color:#fff;font-size:1rem}
/*# sourceMappingURL=main.e8c34253.css.map*/