@import"https://fonts.googleapis.com/css2?family=Titillium+Web:wght@700&display=swap";body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{padding:0;margin:0;box-sizing:border-box;font-family:Titillium Web,sans-serif}html,body{overflow-x:clip;width:100%}:root{--PrimaryMainColor: #10264f;--PrimaryMainColorLight: #3379b5;--secondaryColor: #fffb1c;--textColor: #ffffff}.header-nav{position:relative;display:flex;align-items:center;justify-content:space-between;height:80px;width:100%;max-width:1300px;margin:0 auto;padding:0 2rem;box-sizing:border-box;gap:1rem}.header-nav nav{display:flex;align-items:center;gap:1.5rem}nav a{margin:0;text-decoration:none;font-size:17px;transition:color .2s ease}nav a:hover{color:var(--PrimaryMainColorLight)}.header-nav .nav-btn{padding:5px;cursor:pointer;background:transparent;border:none;outline:none;display:none;font-size:20px}.nav-overlay-close{display:none}.Profile_Name{color:var(--PrimaryMainColorLight)}@media only screen and (max-width: 991px){.tech-grid>*:last-child:nth-child(odd){grid-column:1 / -1;justify-self:center;width:50%}}@media only screen and (max-width: 1405px){.header-nav nav{gap:1.25rem}}@media only screen and (max-width: 1205px){.header-nav nav{gap:1rem}}@media only screen and (max-width: 1024px){.header-nav .nav-btn{display:block;visibility:visible;opacity:1}.header-nav nav{position:fixed;top:0;left:0;height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;z-index:9999;background-color:#10264f;transition:transform .4s cubic-bezier(.16,1,.3,1);transform:translateY(-100vh)}.chakra-ui-light .header-nav nav,[data-theme=light] .header-nav nav{background-color:#fffffffa}.header-nav .responsive_nav{transform:translateY(0);visibility:visible;z-index:999}.header-nav .nav-close-btn{position:fixed;top:1.1rem;right:1.1rem;z-index:10000}.nav-overlay-close{display:block;position:absolute;top:1.1rem;right:1.25rem;background:transparent;border:none;outline:none;cursor:pointer;padding:0;z-index:10001}.header-nav .nav-hamburger{display:flex!important;align-items:center;justify-content:center;padding:0;cursor:pointer;background:transparent;border:none;outline:none;flex-shrink:0}nav a{font-size:20px;font-weight:600;color:#ffffffd9;letter-spacing:.03em;padding:4px 0;border-radius:0;transition:color .2s ease}nav a:hover{color:#fff;background-color:transparent}.chakra-ui-light nav a,[data-theme=light] nav a{color:#10264fbf}.chakra-ui-light nav a:hover,[data-theme=light] nav a:hover{color:#10264f}.header-nav nav .active a{color:#fff!important;background-color:transparent;border-bottom:2px solid var(--secondaryColor)}.header-nav nav .active a:before{left:0;right:0}}@media only screen and (max-width: 768px){.header-nav{padding:0 1.25rem;height:70px}.header-nav .nav-btn{display:block;visibility:visible;opacity:1}}@-webkit-keyframes hvr-pop{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes hvr-pop{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}.hvr-pop{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000}.hvr-pop:hover,.hvr-pop:focus,.hvr-pop:active{-webkit-animation-name:hvr-pop;animation-name:hvr-pop;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-grow-shadow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow,transform;transition-property:box-shadow,transform}.hvr-grow-shadow:hover,.hvr-grow-shadow:focus,.hvr-grow-shadow:active{box-shadow:0 10px 10px -10px #00000080;-webkit-transform:scale(1.1);transform:scale(1.1)}.hvr-underline-from-center{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;position:relative;overflow:hidden}.hvr-underline-from-center:before{content:"";position:absolute;z-index:-1;left:51%;right:51%;bottom:0;background:var(--secondaryColor);height:2px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-center:hover:before,.hvr-underline-from-center:focus:before,.hvr-underline-from-center:active:before{left:0;right:0}.header-nav nav .active a{color:var(--PrimaryMainColorLight)!important}.header-nav nav .active a:before{left:0;right:0}.stat{position:relative;width:100%;height:0;padding-top:33.3333%;padding-bottom:48px;box-shadow:0 2px 8px #3f455129;margin-top:-29px;margin-bottom:.9em;overflow:hidden;border-radius:8px;will-change:transform}.stat_iframe{position:absolute;width:100%;height:100%;top:0;left:0;border:none;padding:0;margin:0}@media screen and (max-width: 1000px){.stat_Div{width:auto;height:30vmin;overflow:hidden}}.btn-grad{background-image:linear-gradient(to right,#283f74,#182f5d 51%,#293e71);margin:10px;padding:12px 40px;text-align:center;text-transform:uppercase;transition:.5s;background-size:200% auto;color:#fff;border-radius:10px;display:block}.btn-grad:hover{background-position:right center;color:#fff;text-decoration:none}.App{position:relative;background-color:transparent;min-height:100vh;overflow-x:hidden}#tsparticles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.animated-background{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-100}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}