body,html{max-width:100%;overflow-x:hidden}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}html{scroll-behavior:smooth}a{text-decoration:none}::-webkit-scrollbar{display:none}.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)}}.reveal{opacity:0;transform:translateY(48px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.reveal.revealed{opacity:1;transform:translateY(0)}.scroll-progress{background:linear-gradient(90deg,#001c55,#32de84);height:3px;left:0;position:fixed;top:0;transition:width .1s linear;width:0;z-index:1100}.arrup{align-items:center;border:none;border-radius:50%;bottom:24px;box-shadow:0 8px 20px #00000047;cursor:pointer;display:flex;height:46px;justify-content:center;opacity:0;pointer-events:none;position:fixed;right:28px;transform:translateY(16px) scale(.85);transition:opacity .35s ease,transform .35s ease,box-shadow .25s ease;width:46px;z-index:1000}.arrup-visible{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.arrup:hover{box-shadow:0 10px 26px #00000061;transform:translateY(-3px) scale(1.05)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.arrup,.reveal,.scroll-progress{transition:none}}.active{background-color:#27a0b5}nav{align-items:center;background-color:#032438;box-shadow:inset 0 30px 60px -12px #32325d40,inset 0 18px 36px -18px #0000004d;color:#fff;display:flex;justify-content:space-between;margin-bottom:-60px;padding:-10px;position:-webkit-sticky;position:sticky;top:0;transform:translateY(0);transition:transform .35s ease,box-shadow .3s ease,-webkit-backdrop-filter .3s ease;transition:transform .35s ease,box-shadow .3s ease,backdrop-filter .3s ease;transition:transform .35s ease,box-shadow .3s ease,backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease;z-index:500}nav.nav-hidden{transform:translateY(-100%)}nav.nav-scrolled{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 30px 60px -12px #32325d40,inset 0 18px 36px -18px #0000004d,0 6px 18px #00000040}@media (prefers-reduced-motion:reduce){nav{transition:none}}nav .title{font-size:1.2rem;position:absolute;right:.5rem;top:.5rem}nav ul{display:flex}nav ul li{list-style:none}nav ul li a{border-radius:.5rem;color:#fff;display:block;margin:0 .5rem;padding:.5rem;text-decoration:none}nav .menu{display:none;flex-direction:column;height:2rem;justify-content:space-between;left:.5rem;position:absolute;top:.75rem;width:2.25rem}nav .menu span{background-color:#fff;border-radius:.2rem;height:.4rem;width:100%}@media (max-width:700px){nav .menu{display:flex}nav{align-items:flex-start;min-height:50px}nav,nav ul{flex-direction:column}nav ul{display:none;margin-bottom:.25rem;width:100%}nav ul.open{align-items:center;display:flex;width:80%}nav ul li{text-align:center;width:100%}nav ul li a{margin:.2rem .5rem}}.tdn :hover{border:1px solid #0a51b4}.tdn{font-size:17px;font-weight:bolder}.dark_mode{margin-left:10px;margin-top:-20px}.dark_mode_label{background:#ebebeb;border-radius:200px;box-shadow:inset 0 5px 15px #0006,inset 0 -5px 15px #fff6;cursor:pointer;display:block;height:30px;position:relative;transition:.3s;width:65px}.dark_mode_label:after{background:linear-gradient(180deg,#ffcc89,#d8860b);border-radius:180px;box-shadow:0 5px 10px #0003;content:"";height:25px;left:3px;position:absolute;top:3px;transition:.3s;width:25px}.dark_mode_input{height:0;visibility:hidden;width:0}.dark_mode_input:checked+.dark_mode_label{background:#242424}.dark_mode_input:checked+.dark_mode_label:after{background:linear-gradient(180deg,#777,#3a3a3a);left:62px;transform:translateX(-100%)}.dark_mode_label:active:after{width:30px}.dark_mode_label svg{position:absolute;top:5px;width:20px;z-index:100}.dark_mode_label svg.sun{fill:#fff;left:5px;transition:.3s}.dark_mode_label svg.moon{fill:#7e7e7e;left:40px;transition:.3s}.dark_mode_input:checked+.dark_mode_label svg.sun{fill:#7e7e7e}.dark_mode_input:checked+.dark_mode_label svg.moon{fill:#fff}.box1{margin-top:90px;text-align:center;width:100%}.box10{-webkit-box-reflect:below -20px linear-gradient(#0000,#e70f0f33);font-size:35px;padding-top:20px}.box10 span{animation:box10 2s infinite;animation-delay:calc(.1s*var(--i));color:#000;display:inline-block}.box10>span{font-size:1.5rem}@keyframes box10{0%,40%,to{transform:translateY(0)}20%{transform:translateY(-20px)}}.box11{display:flex;margin-top:50px}.box111{color:#001c55;font-size:28px;padding:40px;text-align:left;width:60%}.box112{width:40%}.box112>img{max-width:60%}.wlcm_note{font-size:35px;margin-bottom:20px}.btn_div{margin:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.rbtn{background-color:#000;border:none;border-radius:7px;box-shadow:9px 7px 32px -11px #72351c;font-size:25px;margin-top:20px;padding:5px;transition:all .3s ease-in-out 0s}.rbtn:hover{border:3px solid #635e87;box-shadow:0 3px 29px 0 #001c55}.rbtn>a{color:#e0e0e0;text-decoration:none}.some_about{color:#0055a9}@media screen and (max-width:768px){.box112{background-color:#001c55;display:none}.box11{margin:30px auto 0;width:90%}.box111{box-sizing:border-box;padding:20px;width:100%}.some_about,.wlcm_note{margin-left:0!important}}@media screen and (max-width:480px){.box10,.wlcm_note{font-size:26px}.btn_div{display:flex;flex-direction:column;gap:10px;width:90%}.rbtn{box-sizing:border-box;margin:0!important;width:100%}}.box0{padding:30px}.box01{margin:auto auto 30px;padding-top:20px;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.box01>h1{border:4px solid #001c55;border-radius:12px;font-weight:bolder;padding:5px;transform:rotate(-3.6deg)}#about,.box01>h1{color:#001c55}.row{display:flex;flex-wrap:wrap;justify-content:space-between}.about-col-1{align-items:center;display:flex;flex-basis:25%;justify-content:center}.about-col-1 img{border-radius:50%;box-shadow:0 19px 38px #0000004d,0 15px 12px #00000038;height:350px;max-height:80%;max-width:80%;min-height:350px;min-width:350px;width:350px}.about-col-2{flex-basis:70%;min-width:0}.about-col-2>p{font-size:22px;font-weight:700}.tab-title{display:flex;margin:20px 0}.tab-title>p{font-weight:700}.tab-links{font-size:20px;font-weight:500;margin-right:50px;position:relative}.tab-links:hover{color:#adff2f}.tab-links:after{background:#72351c;bottom:-8px;content:"";height:3px;left:0;position:absolute;transition:.7s;width:0}.active-link{color:#32de84}.tab-links.active-link:after{width:100%}.tab-contents ul li{list-style:none;margin:10px 0}.tab-contents ul li span{color:"white";font-size:18px;font-weight:700}.tab-contents{display:none}.tab-contents.active-tab{display:block}.tab-contents ul li .co{color:#001c55;font-size:15px;letter-spacing:1px}.aboutSkill{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(310px,100%),1fr));margin:0;padding-left:0}@media only screen and (max-width:730px){.about-col-1,.about-col-2{flex-basis:100%}.about-col-1{margin-bottom:30px}.about-col-2{font-size:14px}.tab-title{flex-wrap:wrap;row-gap:8px}.tab-links{font-size:16px;margin-right:20px}}@media only screen and (max-width:420px){.about-col-1 img{height:80vw;max-height:280px;max-width:280px;min-height:0;min-width:0;width:80vw}}.top-nav{align-items:center;background-color:#e0e0e0;color:#001c55;height:50px;justify-content:space-between;padding:1em;position:fixed;top:0;width:100%;z-index:1}.menu,.top-nav{display:flex;flex-direction:row}.menu{list-style-type:none;margin:0;padding:0}.menu>li{margin:0 1rem;overflow:hidden}.menu-button-container{align-items:center;cursor:pointer;display:none;flex-direction:column;justify-content:center;width:30px}#menu-toggle{display:none}.menu-button,.menu-button:after,.menu-button:before{background-color:#000;border-radius:2px;display:block;height:4px;position:absolute;transition:transform .4s cubic-bezier(.23,1,.32,1);width:30px}.menu-button:before{content:"";margin-top:-8px}.menu-button:after{content:"";margin-top:8px}#menu-toggle:checked+.menu-button-container .menu-button:before{margin-top:0;transform:rotate(405deg)}#menu-toggle:checked+.menu-button-container .menu-button{background:#fff0}#menu-toggle:checked+.menu-button-container .menu-button:after{margin-top:0;transform:rotate(-405deg)}.tdn{color:#001c55;text-decoration:none}.menu>li{font-weight:700}.exp-container{margin:0 auto 40px;max-width:860px;width:85%}.exp-company-block{border-left:3px solid;border-radius:0 16px 16px 0;padding:24px 24px 12px 28px}.exp-company-header{align-items:center;display:flex;gap:16px;margin-bottom:20px}.exp-company-logo{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:22px;font-weight:900;height:48px;justify-content:center;width:48px}.exp-role-card{border:1px solid;border-radius:12px;margin-bottom:14px;padding:18px 20px}.exp-role-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:6px;justify-content:space-between;margin-bottom:10px}.exp-badge{border-radius:20px;color:#fff;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-top:5px;padding:2px 10px}.exp-points{font-size:14px;line-height:1.75;margin:6px 0 14px 18px}.exp-points li{margin-bottom:4px}.exp-tags{display:flex;flex-wrap:wrap;gap:6px}.exp-tag{border:1px solid;border-radius:12px;font-size:12px;font-weight:500;letter-spacing:.3px;padding:3px 10px}@media (max-width:600px){.exp-container{width:95%}.exp-company-block{padding:16px 14px 10px 18px}.exp-role-header{flex-direction:column}.exp-role-header span{font-size:12px}}.techS{-webkit-text-stroke:1px #ff0040}.tech-wrapper{border-radius:20px;box-shadow:0 20px 60px #0003,0 4px 10px #0000001a;box-sizing:border-box;margin:0 auto 48px;max-width:1000px;padding:32px 40px;width:88%}.tech-group{align-items:flex-start;border-bottom:1px solid #78787821;display:flex;gap:24px;padding:18px 0}.tech-group:last-child{border-bottom:none;padding-bottom:4px}.tech-group-label{flex-shrink:0;font-size:10px;font-weight:800;letter-spacing:1.8px;min-width:96px;padding-top:9px;text-transform:uppercase}.tech-chips{display:flex;flex-wrap:wrap;gap:10px}.tech-chip{align-items:center;border:1px solid;border-radius:24px;cursor:default;display:flex;font-size:14px;font-weight:500;gap:8px;letter-spacing:.2px;padding:7px 16px;transition:border-color .2s,box-shadow .2s,transform .15s,background-color .2s;white-space:nowrap}.tech-chip:hover{border-color:crimson!important;box-shadow:0 0 14px #dc143c4d;transform:translateY(-2px)}.chip-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:10px;width:10px}@media screen and (max-width:900px){.tech-wrapper{padding:24px 28px;width:92%}.tech-group-label{font-size:9.5px;min-width:80px}.tech-chip{font-size:13px;padding:6px 13px}}@media screen and (max-width:600px){.tech-wrapper{padding:18px 16px;width:95%}.tech-group{flex-direction:column;gap:10px;padding:14px 0}.tech-group-label{font-size:10px;min-width:0;min-width:auto;padding-top:0}.tech-chip{font-size:13px;padding:6px 12px}}.project{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:0 20px;width:100%}.project-title{color:#0055a0;margin-top:-8px;text-align:center;text-shadow:2px 2px 2px #000}.des h2.project-title{font-size:22px}.link h2{font-size:16px;margin:8px 0}.private-repo-note{align-items:center;display:flex;font-size:13px;font-style:italic;opacity:.75}.project-description{font-size:14.5px;font-weight:400;line-height:1.6}.des h3{font-size:14px;font-weight:500;margin:6px 0}.project-card{box-shadow:0 22px 70px 4px #0000008f;box-sizing:border-box;margin:10px;min-width:300px;width:calc(50% - 40px)}.project-card video{border-radius:10px;display:block;width:100%}.project-card iframe{height:400px;width:100%}.des{padding:20px}.link{display:flex;justify-content:space-around;margin-top:-30px}@media screen and (max-width:900px){.project-card{max-width:600px;width:calc(100% - 40px)}}@media screen and (min-width:200px) and (max-width:400px){.box10>span{font-size:15px}.wlcm_note{font-size:18px}.box11{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:20px}.box111{width:110%}.some_about{font-size:20px}.box112>img{display:none}.tool{margin-top:10px}.box22{width:95%}.box3{padding:2px}.box32{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.flip-card{width:350px}.box01>h1,.box21>h1,.box31>h1,.box41>h1{font-size:20px}.box01{margin-bottom:0}.box6{font-size:16px}.box52{flex-direction:column-reverse}.box511{margin-top:17px;padding:0}.box7{width:100%}.box8>.calendar>.contrib-column{display:none}}@media screen and (min-width:400px) and (max-width:520px){.box10>span{font-size:17px}.wlcm_note{font-size:20px}.box11{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:40px}.box111{width:100%}.some_about{font-size:25px}.box112>img{display:none}.tool{margin-top:10px}.box22{width:85%}.box3{padding:5px}.box6{font-size:18px}.box52{flex-direction:column-reverse}.box511{margin-top:17px;padding:0}.box7{width:100%}.box8>.calendar>.contrib-column{display:none}}@media screen and (min-width:521px) and (max-width:730px){.box10>span{font-size:28px}.box11{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:40px}.box111{width:95%}.box112>img{display:none}.tool{margin-top:10px}.box22{width:85%}.box52{flex-direction:column-reverse}.box7{width:100%}.box8>.calendar>.contrib-column{display:none}}@media (max-width:550px){.project-card{min-width:0;min-width:auto;width:calc(100% - 20px)}.con{width:100%}}.project-card1{display:flex}.project-tech-stack{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:10px auto;width:100%}.clerk-badge{align-items:center;background:#6c47ff;border-radius:6px;box-shadow:inset 0 -23px 25px 0 #0000002b,inset 0 -36px 30px 0 #00000026;color:#fff;display:inline-flex;font-size:11px;font-weight:700;height:28px;justify-content:center;letter-spacing:.5px;padding:4px 10px}.project-tech-stack :hover{background-color:#033262;border-radius:10px}.project-tech-stack img,.project-tech-stack svg{box-shadow:inset 0 -23px 25px 0 #0000002b,inset 0 -36px 30px 0 #00000026,inset 0 -79px 40px 0 #0000001a,0 2px 1px #0000000f,0 4px 2px #00000017,0 8px 4px #00000017,0 16px 8px #00000017,0 32px 16px #00000017;height:30px;padding:5px;width:30px}.project-card,.project-card video{border:1px solid #00d0ff;border-radius:5px}.box4{color:#001c55;padding:40px}.box41{margin:auto;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.box41>h1{border-radius:12px;color:#001c55;font-weight:bolder;padding:5px}.skills-list{grid-gap:40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:50px}.skills-list div{background:#e0e0e0;border-radius:10px;font-size:15px;padding:40px;transition:background .5s,transform .5s}.skills-list div i{font-size:50px;margin-bottom:30px}.skills-list div h2{font-size:20px;font-weight:700;margin-bottom:15px}.skills-list div:hover{background:#001c55;color:#e0e0e0;transform:translateY(-10px)}.github_stat{display:flex;flex-wrap:wrap;gap:15px;justify-content:space-around;margin:auto;width:90%}.github_stat img{height:auto;max-width:100%}.react-activity-calendar{box-sizing:border-box;max-width:100%;overflow-x:auto}@media screen and (max-width:510px){.con,.github_stat *{max-width:100%;width:350px}}.box5{background-color:#aaaeb0;background-color:#051c26;padding:20px 40px;width:100}.box51{margin:auto}.box51>h1{border-radius:12px;color:#101e38;font-weight:bolder;padding:5px}.box52{display:flex;margin-top:10px}.box511{padding:30px}.box5111{color:#001c55;margin-top:10px}.box5112{display:flex;gap:20px;margin-left:-20px;margin-top:20px}.ico>a>i{background:#001c55;border-radius:50%;color:#fff;padding:10px}.box512{margin:auto;text-align:center}.img51{border:4px solid #72351c;border-radius:50%;max-height:200px;max-width:200px}.box5h1{color:#001c55;font-size:35px}.box5h3{color:#535461;margin-top:20px}
/*# sourceMappingURL=main.2feed890.css.map*/