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)}}.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;z-index:1}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 (min-width:0px)and (max-device-width:768px){.box112{background-color:#001c55;display:none}.box11{width:80%}}.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;max-height:80%;max-width:80%;min-height:350px;min-width:350px}.about-col-2{flex-basis:70%}.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(310px,1fr))}@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-links{font-size:16px;margin-right:20px}}.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}.stack{-webkit-text-stroke:1px #ff0040}.container2{display:flex;flex-wrap:wrap;justify-content:space-evenly;margin:10px 39px 39px}fieldset{background-color:#e4eced;border-radius:20px;box-shadow:0 54px 55px #00000040,0 -12px 30px #0000001f,0 4px 6px #0000001f,0 12px 13px #0000002b,0 -3px 5px #00000017;margin:auto;width:90%}.card{border-radius:10px;box-shadow:0 50px 100px -20px #32325d40,0 30px 60px -30px #0000004d,inset 0 -2px 6px 0 #0a254059;flex:1 1 110px;margin:10px;max-width:90px;padding:8px;text-align:center}.card h3{font-size:12px}.card{transition:border 1s}.card:hover{border:1px solid crimson;box-shadow:0 50px 100px -20px #1584e640,0 30px 60px -30px #197ec24d,inset 0 -2px 6px 0 #257cd459;color:#fff;cursor:pointer}.card h3:hover{color:#f0f8ff}.card img{border-radius:10px;height:80px;width:100%}@media screen and (max-width:520px){.container2{margin:0}}.project{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;width:100%}.project-title{color:#0055a0;margin-top:-8px;text-align:center;text-shadow:2px 2px 2px #000}.project-card{box-shadow:0 2px 4px 0 #0e1e251f,0 2px 16px 0 #0e1e2552;box-shadow:0 22px 70px 4px #0000008f;margin:10px;width:45%}.project-card video{border-radius:10px;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 (min-width:0px) and (max-width:480px){.project{display:flex;flex-wrap:wrap;width:100%}.project-card{box-shadow:0 2px 4px 0 #0e1e251f,0 2px 16px 0 #0e1e2552;width:300px}}@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}}.arrup{bottom:20px;color:#72351c;position:fixed;right:30px}@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){.con,.project-card{width:350px}}.project-card1{display:flex}.project-tech-stack{display:flex;justify-content:space-around;margin:auto;width:300px}.project-tech-stack :hover{background-color:#033262;border-radius:10px}.project-tech-stack img{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;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%}@media screen and (max-width:510px){.con,.github_stat *{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.00020eaa.css.map*/