@import url(https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap);@import url(https://fonts.googleapis.com/css2?family=Dancing+Script:wght@600&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body{font-family:"Roboto Condensed",sans-serif}:root{--primary-white:#fff;--primary-orange:orange;--primary-dark:hsla(0,0%,100%,0);--primary-brandColor:#ff0;--primary-green:#0f2;--primary-black:#000;--primary-facebook:#084aff;--primary-instagram:#660f81;--primary-linkedin:#114aa5;--primary-twitter:#006db6;--primary-gamil:#cc4848;--primary-gray:#c2bfbf}.navbarFonts{text-transform:uppercase}.navbarFonts>.link{border-top:.1875rem solid hsla(0,0%,100%,0);border-top:.1875rem solid var(--primary-dark)}.navbarFonts>.active,.navbarFonts>.link:hover{border-top:.1875rem solid orange;border-top:.1875rem solid var(--primary-orange)}.navbarColors{color:#fff!important;color:var(--primary-white)!important}.tsparticles-canvas-el{position:absolute;height:100vh;width:100vw;z-index:1}.icons,.myNav{z-index:2}.icons>a{padding:5px;font-size:2.3rem}#github :hover{color:#000;color:var(--primary-black)}#facebook :hover{color:#084aff;color:var(--primary-facebook)}#instagram :hover{color:#660f81;color:var(--primary-instagram)}#linkedin :hover{color:#114aa5;color:var(--primary-linkedin)}.icons>#twitter :hover{color:#006db6;color:var(--primary-twitter)}.icons>#stackOverflow :hover{color:orange;color:var(--primary-orange)}.icons>#gamil :hover{color:#0f2;color:var(--primary-green)}.icons>#medium :hover{color:#000;color:var(--primary-black)}.brand>h4{border-top:.1875rem solid hsla(0,0%,100%,0);border-top:.1875rem solid var(--primary-dark);color:orange;color:var(--primary-orange);font-family:"Dancing Script"}.greetingSubtitle{font-size:1.5rem;max-width:31.25rem;letter-spacing:.0625rem}#skillIcons{font-size:2rem}#skillIcons :hover{color:orange;color:var(--primary-orange)}.blogLinks:hover{text-decoration:none}.text-body>p,.text-body>p>a{letter-spacing:.015rem}.text-body>p>a:hover{text-decoration:none;text-shadow:2px 2px 5px #c2bfbf;text-shadow:2px 2px 5px var(--primary-gray)}@media(max-width:425px){.brand>h4,.main-info h1{font-size:1rem}.brand>h4{border-top:.1875rem solid hsla(0,0%,100%,0);border-top:.1875rem solid var(--primary-dark);color:#0f2;color:var(--primary-green);font-family:"Dancing Script"}.greetingSubtitle{font-size:1rem;max-width:20.25rem;letter-spacing:.0625rem}.icons>a{padding:5px;font-size:1.5rem}.Padding425{margin-left:50px;margin-top:20px}}.navbar-toggler{border:1px solid red}.exBtn{color:#000;color:var(--primary-black);text-decoration:none}@media(max-width:320px){.main-info h1{font-size:1.5rem}.icons>a{padding:5px;font-size:1.3rem}}@media(min-width:1024px){.main-info h1{font-size:3.2rem}.brand>h4{border-top:.1875rem solid hsla(0,0%,100%,0);border-top:.1875rem solid var(--primary-dark);color:orange;color:var(--primary-orange);font-size:1.3rem;font-family:"Dancing Script"}.greetingSubtitle{font-size:1.5rem;max-width:30.25rem;letter-spacing:.0625rem}.myNav button{font-size:1rem;padding:.8rem}}:root{--primary-color:#fff}.header-wrapper{position:relative;height:94.5vh;background-size:cover;background-position:50%}.main-info{font-size:3.5rem;top:0;bottom:0;left:0;right:0;display:flex;position:absolute;justify-content:center;flex-direction:column;align-items:center;text-align:center;font-family:"Roboto Condensed",sans-serif}.animated-section{height:94.5vh}.animated-images{background-size:cover}.main-info h1{text-transform:uppercase}.react-typeing{font-size:2.5rem;color:#fff!important;color:var(--primary-color)!important}.weave-imoji{animation-duration:1.8s;animation-iteration-count:infinite;animation-name:wave;display:inline-block;transform-origin:70% 70%}@keyframes wave{0%{transform:rotate(0deg)}10%{transform:rotate(-10deg)}20%{transform:rotate(12deg)}30%{transform:rotate(-10deg)}40%{transform:rotate(9deg)}50%{transform:rotate(0deg)}to{transform:rotate(0deg)}}@media(max-width:425px){.react-typeing{font-size:1.5rem;color:#fff!important;color:var(--primary-color)!important}.btn{font-size:11px;padding:4px 6px}}
/*# sourceMappingURL=main.9786fb3e.chunk.css.map */