@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap);*{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:tom;font-style:normal;font-weight:400;src:url(/Portfolio-V.3/static/media/tomorrow.2542f093e1f1d0812d57.ttf) format("truetype")}:root{--background-color:#111;--text-color:#fff;--font-family-main:"tom",sans-serif;--font-family-primary:"Montserrat",sans-serif;--accent:#f2a900;--bg-dark:#0f0f10;--muted:#ffffffbf}body{background-color:#111;background-color:var(--background-color);color:var(--text-color)}html::-webkit-scrollbar,html::-webkit-scrollbar-track{background-color:#878787}html::-webkit-scrollbar{width:2px}html::-webkit-scrollbar-thumb{background-color:#0f0f10}#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-dark);color:#fff;font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.app-container{overflow-y:hidden;scroll-behavior:smooth;width:100%}.hide{opacity:0;transform:translateY(40px)}.show{opacity:1;transform:translateY(0);transition:opacity .9s ease-out,transform .9s ease-out}.intro-screen{align-items:center;background-color:#000;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.intro-video{height:100%;object-fit:cover;width:100%}.hero-section{height:100vh}.about-section,.hero-section{overflow:hidden;position:relative;width:100%}.about-section{height:70vh}.overlay-bg{background-image:url(/Portfolio-V.3/static/media/overlay.6bd2535d4e2410e02570.png);background-position:50%;background-size:contain;left:0;top:0;width:100%;z-index:1}.navbar{align-items:center;color:#ffffffeb;display:flex;font-size:17px;font-weight:500;gap:32px;letter-spacing:.2px;position:absolute;right:64px;top:36px;z-index:30}.navbar a{color:inherit;cursor:crosshair;text-decoration:none;transition:color .2s ease,transform .2s ease}.navbar a:hover{color:var(--accent);transform:translateY(-3px)}.hero-content{filter:contrast(1.2) brightness(1.2) saturate(1.2) drop-shadow(0 4px 20px rgba(242,169,0,.32));left:50%;padding:0 24px;position:absolute;text-align:center;top:40vh;transform:translateX(-50%);width:80%;z-index:10}.hero-content h1{color:#fff;cursor:crosshair;font-size:100px;font-weight:700;letter-spacing:-1px;line-height:1.2;text-shadow:0 8px 40px #f2a90085;z-index:90}.hero-content h1,.hero-content h1 span{font-family:var(--font-family-main),sans-serif}.hero-content h1 span{color:#fca311;font-weight:800;margin-left:8px}.tagline{color:#ffffffeb;font-family:Montserrat,sans-serif;font-size:28px;z-index:10}.hero-smalltext,.tagline{cursor:crosshair;font-weight:500}.hero-smalltext{bottom:6vh;color:#ffffffd9;font-size:16px;left:6vw;line-height:1.4;max-width:320px;position:absolute;z-index:9}.scroll-btn{animation:pulse-shadow 2.8s ease-in-out infinite;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;border:4px solid var(--accent);border-radius:50%;box-shadow:0 12px 20px #f2a900;cursor:crosshair;display:grid;height:112px;overflow:visible;place-items:center;position:absolute;right:6vw;top:50%;transform:translateY(-50%);transition:transform .26s cubic-bezier(.2,.8,.2,1),box-shadow .26s ease;width:112px;z-index:20}@keyframes pulse-shadow{0%{box-shadow:0 6px 22px #f2a9000f;transform:scale(1)}50%{box-shadow:0 18px 60px #f2a90024;transform:scale(1.02)}to{box-shadow:0 6px 22px #f2a9000f;transform:scale(1)}}.scroll-btn:hover{transform:translateY(50%) scale(1.05)}.scroll-btn .arrow{color:#fff;display:inline-block;font-size:2.4rem;transition:transform .6s cubic-bezier(.2,.9,.2,1);will-change:transform}.scroll-btn:hover .arrow{transform:scale(1.5) rotate(-20deg)}.object{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:.65;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;will-change:transform;z-index:2}.object-1{bottom:0;left:-8vw}.object-1,.object-2{transform:rotate(20deg);transform-origin:center;width:45%}.object-2{right:0;top:29vh}.object-4{left:0;top:10vh;transform:rotate(120deg);transform-origin:center;width:50%}.about-content{color:#fffffff2;padding:36px;position:absolute;right:14vw;text-align:left;top:3vh;width:50%;z-index:10}.about-content h2{color:#fff;font-family:var(--font-family-main),sans-serif;font-size:75px;font-weight:800;margin-bottom:24px}.about-content p{color:#ffffffeb;font-family:Montserrat,sans-serif;font-size:22px;font-weight:500;line-height:1.6;text-align:left}img{display:block;max-width:100%}.techstack-section{color:#fff;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.techstack-wrapper{margin:0 auto;width:80%}.techstack-layout{display:flex;gap:4rem;margin:3rem 0 0}.techstack-title-col{align-items:flex-start;display:flex;justify-content:center}.vertical-text{color:#fff;font-family:var(--font-family-main),sans-serif;font-size:80px;font-weight:800;letter-spacing:-2px;line-height:1;margin:30px 0 0;transform:rotate(180deg);writing-mode:vertical-rl}.techstack-list{display:flex;flex:1 1;flex-direction:column;justify-content:center}.tech-category{align-items:center;border-bottom:1px solid #fff3;cursor:pointer;display:flex;justify-content:space-between;padding:30px 0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.category-name{font-size:32px;font-weight:300;letter-spacing:1px}.arrow-icon{color:#fca311;opacity:0;transform:translate(-10px,10px);transition:all .3s ease}.tech-category.active,.tech-category:hover{border-bottom:1px solid #fca311;padding-left:10px;transform:translateX(10px) scale(1.02)}.tech-category.active .category-name,.tech-category:hover .category-name{color:#fca311;font-weight:500}.tech-category.active .arrow-icon,.tech-category:hover .arrow-icon{opacity:1;transform:translate(0)}.tech-grid-container{margin-top:4rem}.tech-grid-label{color:#888;font-size:14px;letter-spacing:2px;margin-bottom:1.5rem;text-transform:uppercase}.tech-grid-label .highlight{color:#fca311}.tech-grid{display:flex;flex-wrap:wrap;gap:14px}.tech-card{align-items:center;background:#222;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;font-size:14px;font-weight:500;justify-content:center;padding:15px 35px;text-align:center;transition:background .3s}.tech-card:hover{background:#ffb40033;color:#fca311}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.projects-section{display:flex;flex-direction:column;justify-content:center;padding:0 2rem;width:100%}.projects-container{margin:0 auto;width:80%}.projects-content{align-items:start;flex-direction:row;gap:4rem;margin:3rem auto 0}.projects-content,.projects-header{display:flex;justify-content:center}.projects-header{align-items:flex-start}.projects-carousel-container{overflow:scroll;scrollbar-width:none;width:100%}.projects-carousel{-webkit-overflow-scrolling:touch;cursor:grab;display:flex;gap:2rem;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-behavior:smooth;scroll-snap-type:x mandatory;width:100%}.projects-carousel:hover{scroll-snap-type:none}.projects-carousel::-webkit-scrollbar{background:#0000;height:8px}.projects-carousel::-webkit-scrollbar-track{background:#1113;border-radius:4px;margin:20px}.projects-carousel::-webkit-scrollbar-thumb{background:#47474733;border:1px solid #333;border-radius:4px;cursor:pointer}.projects-carousel::-webkit-scrollbar-thumb:hover{background:#fff6}.projects-carousel:active{cursor:grabbing;cursor:-webkit-grabbing;scroll-behavior:auto;scroll-snap-type:none}.project-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#181818;border-radius:24px;display:flex;flex-direction:column;justify-content:start;margin:0 0 8px;min-width:80%;padding:40px;scroll-snap-align:center;transition:transform 1s ease}.project-card:hover{transform:scale3d(1.2)}.project-img{align-self:start;border-radius:18px;height:80%;margin-bottom:20px;object-fit:cover;-webkit-user-select:none;user-select:none;width:100%}.project-card h3{color:#fff;font-size:28px;margin-bottom:8px}.project-card h3,.project-card p{font-family:var(--font-family-primary),sans-serif;padding:0 2rem 0 0;text-align:left;-webkit-user-select:none;user-select:none;width:100%}.project-card p{color:#ffffffd9;font-size:18px}.project-btn{align-items:center;align-self:end;border:3px solid var(--accent);border-radius:50%;color:#fff;display:flex;font-family:var(--font-family-main);font-size:32px;justify-content:center;padding:20px 24px;text-decoration:none;transition:.3s;-webkit-user-select:none;user-select:none}.project-btn span{margin:0 0 4px}.project-btn:hover{background-color:var(--accent);border-color:var(--accent)}.project-btn:hover span{transform:scale(1.2) rotate(-20deg)}.contact-section{color:#fff;display:flex;flex-direction:column;justify-content:center;margin:0 0 4rem;padding:4rem 2rem}.contact-wrapper{display:flex;gap:4rem;margin:0 auto;width:80%}.contact-content{align-self:start;display:flex;flex:1 1;flex-direction:column;justify-content:center}.contact-content h2{color:#fca311;font-size:32px;font-weight:500;margin-bottom:1rem}.contact-content p{color:#ffffffeb;font-size:20px;line-height:1.6;margin-bottom:2rem}.contact-divider{background:#fff3;border:none;height:1px;margin:0 0 2rem}.contact-container{display:flex;flex-direction:row;gap:2rem}.contact-links{align-items:top;display:flex;gap:24px;justify-content:space-evenly;width:30%}.contact-links a img{height:35px;width:35px}.contact-links a img:hover{transform:scale(1.2)}.contact-form{align-self:start;display:flex;flex-direction:column;gap:16px;justify-content:center;width:70%}.contact-form input,.contact-form textarea{background:#222;border:none;border-radius:6px;color:#fff;font-family:var(--font-family-primary),sans-serif;font-size:16px;padding:12px 16px}.submit-btn{align-self:flex-start;background:#0000;border:3px solid var(--accent);border-radius:8px;color:#fff;cursor:pointer;font-family:var(--font-family-main),sans-serif;font-size:20px;font-weight:600;letter-spacing:.5px;padding:10px 84px;transition:background-color .3s,border-color .3s}.terminal-section{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;width:100%}@media (max-width:955px){.hero-content h1{font-size:85px}.tagline{font-size:22px}.navbar{font-size:15px}.scroll-btn{height:90px;width:90px}.hero-smalltext{bottom:8vh;font-size:15px}.object-1{left:-20vw;top:-20px;width:55%}.object-2{right:-14vw;top:29vh;width:55%}.object-4{left:-20vw;top:10vh;width:60%}.about-content{padding:24px;right:8vw;top:16vh;width:60%}.about-content h2{font-size:60px}.about-content p{font-size:20px}.techstack-wrapper{width:90%}.vertical-text{font-size:70px}.category-name{font-size:28px}.projects-container{width:90%}.contact-links{flex-direction:column;gap:15px;justify-content:start;width:-webkit-fit-content;width:fit-content}.contact-form{width:100%}}@media (max-width:786px){.hero-content h1{font-size:75px}.tagline{font-size:20px}.navbar{font-size:14px;gap:24px;right:32px;top:32px}.scroll-btn{height:80px;right:4vw;top:60%;width:80px}.hero-smalltext{bottom:6vh;font-size:14px;max-width:240px}.object-2{right:-40px;top:40vh}.object-4{left:-10vw;top:25vh}.about-content{padding:20px;right:6vw;width:70%}.about-content h2{font-size:50px}.about-content p{font-size:18px}.contact-wrapper,.techstack-wrapper{width:90%}.contact-wrapper,.projects-content,.techstack-layout{gap:40px}.vertical-text{font-size:60px}.category-name{font-size:24px}.tech-category{padding:20px 0}.tech-grid-container{margin-top:40px}.project-card{padding:20px 30px}.project-card h3{font-size:24px}.project-card p{font-size:16px}.project-btn{font-size:24px;padding:16px 20px}}@media (max-width:578px){.hero-section{height:90vh}.hero-content{top:35vh;width:100%}.hero-content h1{font-size:55px}.tagline{font-size:16px}.navbar{font-size:13px;gap:16px;justify-content:center;right:0;top:28px;width:100%}.scroll-btn{height:70px;right:3vw;top:65%;width:70px}.hero-smalltext{bottom:5vh;font-size:13px;max-width:200px}.about-content{left:6vw;padding:16px;right:0;top:14vh;width:80%}.about-content h2{font-size:40px}.about-content p{font-size:16px}.contact-section,.projects-section,.techstack-section{padding:0 1rem}.terminal-section{padding:4rem 1rem}.contact-wrapper,.projects-container,.techstack-wrapper,.terminal-wrapper{width:100%}.projects-content{gap:25px}.techstack-layout{gap:25px;margin:4rem 0 0}.vertical-text{font-size:40px}.category-name{font-size:18px}.tech-category.active{padding:10px 0;transform:translateX(0) scale(1.01)}.tech-category{padding:10px 0}.tech-grid-container{margin-top:25px}.tech-card{font-size:12px;padding:10px 20px}.object-1{left:-24vw;top:-10vh;width:80%}.object-2{right:-24vw;top:60%;width:80%}.object-4{left:-10vw;top:30vh;width:85%}.project-card{min-width:90%;padding:20px 25px}.project-img{border-radius:12px;height:120px!important;object-fit:cover}.project-card h3{font-size:20px;padding:0}.project-card p{font-size:14px;margin:0;padding:0}.project-img{height:100%;width:100%}.project-btn{font-size:20px;margin:10px 0 0;padding:12px 16px}.projects-carousel{gap:10px}.contact-container{flex-direction:column}.contact-links{flex-direction:row}.contact-content h2{font-size:24px}.contact-content a,.contact-content p{font-size:14px}.contact-form{width:100%}.contact-form input,.contact-form textarea{font-size:14px}.contact-btn{font-size:16px}.contact-wrapper{gap:25px}}#style-1::-webkit-scrollbar-track{background-color:#878787}#style-1::-webkit-scrollbar{background-color:#878787;width:2px}#style-1::-webkit-scrollbar-thumb{background-color:#0f0f10}.terminal-container{background-color:#000;border-radius:8px;display:flex;flex-direction:column;font-family:Consolas,monospace;height:80vh;margin:auto;outline:none;overflow:hidden;position:relative;width:80%}.output{flex:1 1;overflow-y:auto;padding:12px;position:relative;scroll-behavior:smooth}.input-line{letter-spacing:.5px}.line.system{color:#00bfff}.line.error{color:#ff4d4d}.line.joke{color:orange}.line.info{color:inherit}.input-line{align-items:center;display:flex}.prompt{margin-right:6px}.cursor{animation:blink 1s steps(2,start) infinite;background:currentColor;display:inline-block;height:1em;width:8px}@keyframes blink{to{visibility:hidden}}::selection{background:#fff;color:#000}.flashbang{animation:flashbang 4s ease-out forwards;background:#fff;inset:0;pointer-events:none;position:fixed;z-index:9999}@keyframes flashbang{0%{opacity:1}75%{opacity:1}to{opacity:0}}.shake{animation:shake .3s linear}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(-4px)}50%{transform:translateX(4px)}75%{transform:translateX(-2px)}to{transform:translateX(0)}}.matrix-overlay{inset:0;opacity:.4;pointer-events:none;position:fixed;z-index:1}.modal-backdrop{align-items:center;background:#000000d9;display:flex;inset:0;justify-content:center;position:fixed}.modal-content{height:80%;width:80%}.modal-content img{height:100%;object-fit:contain;width:100%}.game-wrapper{height:100%;position:relative;width:100%}.game-wrapper iframe{border-radius:10px;height:100%;width:100%}.game-close-btn{padding:6px 10px}.game-close-btn,.game-close-btn1{background:#000;border:none;border-radius:6px;color:#fca311;cursor:pointer;font-size:14px;position:absolute;right:0;top:0;z-index:10}.game-close-btn1{padding:6px 40px}.terminal-tabs{background:#333;display:flex;overflow-x:auto}.terminal-tab{align-items:center;background:#333;border-radius:8px 8px 0 0;color:#aaa;cursor:pointer;display:flex;font-size:14px;gap:6px;height:40px;justify-content:space-between;padding:8px 14px;white-space:nowrap;width:150px}.terminal-tab span,.terminal-tab-add{cursor:pointer;font-size:16px}.terminal-tab-add{align-items:center;background:#333;color:#fca311;display:flex;height:40px;justify-content:center;padding:8px 14px;white-space:nowrap;width:40px}.terminal-tab.active{background:#000;color:#fca311}.terminal-tab.add{color:#fca311;font-weight:700}@media (max-width:955px){.terminal-container{width:90%}}@media (max-width:600px){.terminal-tab{font-size:12px;padding:6px 10px}.terminal-container{font-size:13px}.output{padding:10px}}@media (max-width:768px){.modal-content{height:100%;width:100%}.terminal-container{width:100%}}
/*# sourceMappingURL=main.15224076.css.map*/