body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#282c34;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{background-color:#f4f4f9;text-align:center}.App-logo{height:40vmin;pointer-events:none}#about,#contact,#home,#projects,#resume{scroll-margin-top:100px}#skills{scroll-margin-top:180px}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;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)}}:root{--comic-bg:#fdf6e3;--title-color:var(--title-color);--card-bg:#fff;--card-hover-bg:#fffae5;--border-color:var(--border-color);--pop-bg:#fd0;--title-shadow:#000;--subtitle-bg:#0cf;--box-bg:#fff3cd;--link-bg:#f07;--link-hover-bg:#0f8;--text-color:var(--text-color)}.project-seg{background:#fdf6e3;background:var(--comic-bg);color:#222;font-family:Comic Sans MS,Fredoka,cursive;padding:40px}.my-project{color:#f07;font-size:3rem;letter-spacing:2px;margin-bottom:30px;text-align:center;text-shadow:3px 3px 0 #000;text-shadow:3px 3px 0 var(--title-shadow);transform:rotate(-2deg)}.projects{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:20px}.project-card{background:#fff;background:var(--card-bg);border:4px solid var(--border-color);border-radius:20px;box-shadow:8px 8px 0 var(--border-color);padding:20px;position:relative;transform:rotate(-1deg);transition:.2s}.project-card:hover{background:#fffae5;background:var(--card-hover-bg);box-shadow:12px 12px 0 #000;transform:rotate(1deg) scale(1.05)}.project-card:after{background:#fd0;background:var(--pop-bg);border:3px solid #000;border-radius:10px;color:var(--border-color);content:"POP!";font-size:1.2rem;font-weight:700;padding:5px 10px;position:absolute;right:-15px;top:-15px;transform:rotate(10deg)}.title{color:#f07;color:var(--link-bg);font-size:1.8rem;margin-bottom:10px;text-shadow:2px 2px #000}.thumbnail{border:3px solid #000;border-radius:15px;box-shadow:6px 6px 0 #000;height:180px;margin-bottom:15px;object-fit:cover;width:100%}.type-topic{background:#0cf;background:var(--subtitle-bg);display:inline-block;font-weight:700;margin-bottom:10px;padding:5px 15px;transform:rotate(-3deg)}.des,.tech,.type-topic{border:3px solid #000;border-radius:10px;box-shadow:4px 4px 0 #000}.des,.tech{background:#fff3cd;background:var(--box-bg);margin-bottom:15px;padding:10px}.link a,.live-link a{background:#f07;background:var(--link-bg);border:3px solid #000;border-radius:10px;box-shadow:4px 4px 0 #000;color:#fff;display:inline-block;font-size:1.2rem;font-weight:700;padding:8px 15px;text-decoration:none;transition:.2s}.link a:hover,.live-link a:hover{background:#0f8;background:var(--link-hover-bg);color:var(--border-color);transform:scale(1.1) rotate(-2deg)}.navbar{align-items:center;background:var(--bg-color);border-bottom:1px solid #000;box-shadow:0 8px 0 #000;display:flex;font-family:var(--heading-font);justify-content:space-between;padding:1px 25px;position:-webkit-sticky;position:sticky;top:0;transform:rotate(-.7deg);z-index:999}.logo{background:var(--secondary-color);border:4px solid #000;border-radius:14px;box-shadow:6px 6px 0 #000;color:#fff;font-size:2rem;padding:8px 18px;text-shadow:3px 3px 0 #000;transform:rotate(-3deg);transition:.25s ease-in-out}.logo:hover{background:var(--accent-color);transform:rotate(3deg) scale(1.08)}.nav-links{display:flex;gap:25px;list-style:none;transition:.3s ease}.nav-links li{transform:rotate(-1deg)}.nav-links a{background:var(--bubble-bg);border:3px solid #000;border-radius:12px;box-shadow:4px 4px 0 #000;color:var(--text-color);font-size:1.15rem;font-weight:700;padding:8px 16px;text-decoration:none;transition:.25s ease-in-out}.nav-links a:hover{box-shadow:6px 6px 0 #000;transform:scale(1.12) rotate(2deg)}.menu-toggle,.nav-links a:hover{background:var(--accent-color);color:#fff}.menu-toggle{border:3px solid #000;border-radius:12px;box-shadow:4px 4px 0 #000;cursor:pointer;display:none;font-size:1.5rem;padding:8px 12px;transition:.25s ease}.menu-toggle.active{background:var(--secondary-color);transform:rotate(-6deg)}@media screen and (max-width:768px){.menu-toggle{display:block}.nav-links{background:var(--bg-color);border-bottom:4px solid #000;border-left:4px solid #000;box-shadow:-6px 6px 0 #000;flex-direction:column;gap:18px;padding:20px;position:absolute;right:0;top:70px;transform:translateX(120%);width:230px}.nav-links.active{transform:translateX(0)}.nav-links a{background:var(--note-bg);color:#000}.nav-links a:hover{background:var(--doodle-color);color:#fff}}:root{--bg-color:#faf3e6;--accent-color:#ff4d6d;--secondary-color:#3a6ea5;--text-color:#1a1a1a;--sticker-size:70px;--note-bg:#fff3a6;--bubble-bg:#f7f8fd;--arrow-color:#c0272d;--heading-font:"Comic Sans MS","Bangers",sans-serif;--doodle-color:#ff6b35}.about{align-items:flex-start;background:#faf3e6;background:var(--bg-color);display:flex;font-family:Comic Sans MS,Bangers,sans-serif;font-family:var(--heading-font);gap:20px;justify-content:space-between;min-height:100vh;overflow:hidden;padding:50px 60px;position:relative}.about:before{background:url(https://www.transparenttextures.com/patterns/paper-fibers.png);content:"";inset:0;opacity:.25;pointer-events:none;position:absolute}.paper-piece{animation:floatPP 6s ease-in-out infinite alternate;background:#fff3a6;background:var(--note-bg);border:2px dashed #3a6ea5;border:2px dashed var(--secondary-color);border-radius:10px;height:50px;opacity:.8;position:absolute;width:100px;z-index:1}@keyframes floatPP{0%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}to{transform:translateY(0) rotate(-2deg)}}.sticker img{border-radius:10px;filter:drop-shadow(1px 2px 3px #0002);height:70px;height:var(--sticker-size);object-fit:cover;rotate:-5deg;width:70px;width:var(--sticker-size)}.s1{right:10px;top:10px}.s1,.s2{position:absolute}.s2{bottom:40px;right:80px;rotate:6deg}.s3{bottom:120px;left:20px;position:absolute;rotate:-3deg}h2{color:#ff4d6d;color:var(--accent-color);font-family:Comic Sans MS,Bangers,sans-serif;font-family:var(--heading-font);font-size:2.8rem;margin-bottom:12px;text-transform:uppercase}.section-title-underline{position:relative}.section-title-underline:after{animation:scribble 1.5s infinite alternate;background:#3a6ea5;background:var(--secondary-color);border-radius:4px;bottom:-5px;content:"";height:6px;left:0;position:absolute;width:70%}@keyframes scribble{0%{transform:scaleX(.9)}to{transform:scaleX(1.05)}}.txt-box{position:relative;width:55%;z-index:5}.skill-item{background:#fff3a6;background:var(--note-bg);border:2px solid #3a6ea5;border:2px solid var(--secondary-color);border-radius:12px;font-family:Comic Sans MS,Bangers,sans-serif;margin-bottom:20px;padding:18px;position:relative}.skill-item h3{color:#ff4d6d;color:var(--accent-color);margin-bottom:5px}.doodle{animation:doodleMove 2s infinite alternate;color:#ff6b35;color:var(--doodle-color);font-family:Comic Sans MS,Bangers,sans-serif;font-family:var(--heading-font);font-size:22px;position:absolute}@keyframes doodleMove{0%{transform:translate(0) rotate(0deg)}50%{transform:translate(2px,-3px) rotate(-5deg)}to{transform:translate(0) rotate(0deg)}}.web1{left:20px;top:10px}.web2{right:40px;top:80px}.web3{left:150px;top:160px}.img-box{align-items:center;display:flex;flex-direction:column;gap:20px;margin-top:20px;position:relative;z-index:5}.img-box:before{background:repeating-radial-gradient(circle at center,#0000 2px 0,#3a6ea5 3px 32px);background:repeating-radial-gradient(circle at center,#0000 2px 0,var(--secondary-color) 3px 32px);background-blend-mode:multiply;border-radius:50%;content:"";height:360px;left:10%;opacity:.25;position:absolute;top:130%;transform:translate(-50%,-50%);width:360px;z-index:0}.img-box .box{background:#f7f8fd;background:var(--bubble-bg);border:3px solid #000;border-radius:16px;padding:10px;position:relative;z-index:1}#img{border-radius:12px;width:280px;z-index:2}.intro-text{background:#fff3a6;background:var(--note-bg);border:2px solid #3a6ea5;border:2px solid var(--secondary-color);border-radius:12px;box-shadow:4px 4px 0 #0002;font-size:1.1rem;margin-top:40px;max-width:300px;padding:15px;position:relative;text-align:left;transform:rotate(-2deg)}.intro-text:before{content:"📌";font-size:20px;left:10px;position:absolute;top:-12px}.arrow{animation:wiggle 1.5s ease-in-out infinite alternate;height:140px;pointer-events:none;position:absolute;width:140px}@keyframes wiggle{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}.arrow svg path{stroke:#c0272d;stroke:var(--arrow-color);stroke-width:2px;fill:none;stroke-linecap:round}.arrow.a1{left:55%;top:50px}.arrow.a2{bottom:10%;right:30%}.small-note{background:#fff3a6;background:var(--note-bg);border:2px solid #3a6ea5;border:2px solid var(--secondary-color);border-radius:12px;font-size:24px;padding:8px;position:absolute}.note1{right:0;rotate:5deg;top:120%}.note2{right:120%;rotate:-3deg;top:100%}.skills-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:40px 5%}.skill-cat,.skill-seg,.skills-section{background-color:var(--bg-color)}.skill-cat{border-bottom:4px solid var(--secondary-color);color:var(--accent-color);font-family:var(--heading-font);font-size:2.5em;font-weight:800;margin:0 auto 40px;padding-bottom:10px;text-align:center;text-shadow:2px 2px 0 var(--bubble-bg);width:70%}.skill-category{background-color:#fff;border:2px solid var(--secondary-color);border-radius:10px;box-shadow:4px 4px 0 var(--accent-color);color:var(--secondary-color);padding:2%}.skill-category h4{color:var(--accent-color);font-size:1em;font-weight:800;margin-bottom:10px;text-align:center;text-shadow:1px 1px 0 var(--bubble-bg);text-transform:uppercase}.skills-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.skill-item{align-items:center;background-color:#fff;border:2px solid var(--accent-color);border-radius:8px;box-shadow:3px 3px 0 var(--secondary-color);color:var(--text-color);display:flex;font-family:var(--heading-font);font-size:.85em;font-weight:700;gap:5px;padding:6px 10px;transition:transform .25s ease,box-shadow .25s ease}.skill-item img{height:22px;object-fit:contain;width:22px}.skill-item:hover{background-color:var(--note-bg);box-shadow:4px 4px 0 var(--accent-color);transform:translateY(-4px)}@media (max-width:480px){.skills-section{grid-template-columns:1fr}}.resume-container{margin-top:40px}.clickable-title{color:var(--secondary-color);font-size:2.4rem;text-shadow:3px 3px 0 var(--accent-color);transition:.2s ease}.clickable-title:hover{transform:scale(1.07) rotate(-1deg)}.back-btn{background:var(--accent-color);border:4px solid var(--text-color);border-radius:12px;box-shadow:4px 4px 0 var(--text-color);color:#fff;cursor:pointer;font-family:var(--heading-font);font-size:1.1rem;left:50%;padding:10px 22px;position:absolute;top:-20px;transform:translateX(-50%);transition:.2s ease;z-index:10}.back-btn:hover{background:var(--arrow-color);box-shadow:6px 6px 0 var(--doodle-color);transform:translateX(-50%) translateY(-3px) rotate(-2deg)}.resume-card{animation:popIn .35s ease;background:var(--bubble-bg);border:5px solid var(--accent-color);border-radius:16px;box-shadow:8px 8px 0 var(--secondary-color);margin-left:auto;margin-right:auto;margin-top:50px;max-width:750px;padding:20px;width:85%}.resume-preview{border:none;border-radius:10px;box-shadow:4px 4px 0 var(--accent-color);height:500px;width:100%}.resume-actions{display:flex;gap:18px;justify-content:center;margin-top:20px}.resume-btn{border:3px solid var(--text-color);border-radius:12px;box-shadow:4px 4px 0 var(--secondary-color);color:var(--text-color);cursor:pointer;font-family:var(--heading-font);font-size:1.1rem;padding:10px 20px;text-decoration:none;transition:.2s ease}.resume-btn:hover{background:var(--accent-color);box-shadow:6px 6px 0 var(--accent-color);transform:translateY(-4px) rotate(-2deg)}.resume-container{margin-bottom:60px;margin-top:80px;position:relative;text-align:center}.clickable-title{background:var(--note-bg);border:4px solid var(--accent-color);border-radius:14px;box-shadow:5px 5px 0 var(--secondary-color);color:var(--text-color);cursor:pointer;display:inline-block;font-family:var(--heading-font);font-size:2rem;font-weight:700;margin-bottom:30px;margin-top:40px;padding:12px 28px;text-shadow:2px 2px 0 var(--bubble-bg);transition:.25s ease}.clickable-title:hover{box-shadow:7px 7px 0 var(--doodle-color);transform:translateY(-4px) rotate(-2deg)}@keyframes popIn{0%{opacity:0;transform:scale(.8) translateY(15px)}to{opacity:1;transform:scale(1) translateY(0)}}#contact{background:var(--bubble-bg);border-top:5px solid var(--accent-color);font-family:var(--heading-font);overflow:hidden;padding:60px 20px;position:relative;text-align:center}#contact:after,#contact:before{background:var(--note-bg);border:4px solid var(--doodle-color);content:"";height:120px;opacity:.25;position:absolute;transform:rotate(12deg);width:120px;z-index:0}#contact:before{left:-20px;top:-40px}#contact:after{bottom:-40px;right:-20px;transform:rotate(-12deg)}#contact h2{color:var(--secondary-color);font-size:2.6rem;letter-spacing:2px;margin-bottom:25px;text-shadow:3px 3px 0 var(--accent-color)}#contact h2,.btn-box{position:relative;z-index:2}.btn-box{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin:30px auto}.btn-box a{background:var(--note-bg);border:4px solid var(--accent-color);border-radius:12px;box-shadow:4px 4px 0 var(--secondary-color);cursor:pointer;display:inline-block;padding:15px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.btn-box a:hover{box-shadow:6px 6px 0 var(--doodle-color);transform:translateY(-8px) rotate(-3deg)}.btn-box a:before{background:#fff8b0;border:2px dashed var(--arrow-color);content:"";height:18px;left:50%;opacity:.8;position:absolute;top:-12px;transform:rotate(-8deg);translate:-50%;width:50px}.icon{border:3px solid var(--secondary-color);border-radius:8px;height:65px;object-fit:cover;width:65px}.credits{color:var(--text-color);font-size:1.1rem;font-weight:600;letter-spacing:1px;margin-top:40px;position:relative;text-shadow:2px 2px 0 var(--note-bg);z-index:2}
/*# sourceMappingURL=main.82b61a10.css.map*/