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}:root{font-size:18px;font-family:"Open Sans";--text-primary:coral;--text-secondary:#afb;--bg-primary:#fa00bc;--bg-secondary:#6532ab}body{color:#fff;background-color:#fff;margin:auto;padding:0;background:#c2dfe3;font-family:"Hind Siliguri",sans-serif}a{text-decoration:none;color:coral;color:var(--text-primary)}main{width:80vw;margin:auto;padding:1rem}p.aboutText{background:#fff;color:#000;padding:10px;border-radius:.69rem;text-align:center;z-index:1;box-shadow:0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3),inset 0 -2px 6px 0 rgba(10,37,64,.35)}h1,h2,h3,h4,h5,h6{color:coral;color:var(--text-primary);padding:5px 0;margin:0 0 25px;text-align:center;font-family:"Quicksand",sans-serif}h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4,p{font-size:18px}p{display:block;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0}@media only screen and (max-width:600px){main{margin-bottom:10vh}}@media only screen and (min-width:600px){main{margin:0 auto}body{margin-left:7rem}}.headerContainer{position:fixed;background-color:#10002b;transition:.2s ease;z-index:100000}.headerItem{display:flex;justify-content:center;margin-top:1rem}.navbar{list-style:none;padding:0;margin:auto;display:flex;align-items:center;flex-direction:column}.navbar,.navContainer{height:100%}.navLink{-webkit-filter:grayscale(100%) opacity(.7);filter:grayscale(100%) opacity(.7)}.navLink,.navLinkActive{display:flex}.navLink,.navLinkActive,.navLinkLogo{text-decoration:none;align-items:center;height:10vh;transition:.6s}.navLinkLogo{-webkit-filter:grayscale(100%) opacity(.7);filter:grayscale(100%) opacity(.7)}.navLink:hover{-webkit-filter:grayscale(0) opacity(1);filter:grayscale(0) opacity(1);background:#1b1d1f}.navItem{width:100%}.navItem:last-child{margin-top:auto}.linkText{display:none;font-family:"Quicksand",sans-serif}.iconPortfolio{transform:rotate(0deg);transition:transform 3s;transform-origin:center}.navIcon{transition:.6s}.navLink:hover>.iconShopify,.navLinkActive .iconShopify{color:#96bf48}.navLink:hover>.iconPortfolio{color:#ff0;transform:rotate(-180deg)}.navLinkActive .iconPortfolio{color:#ff0}.navLink:hover>.iconSkills,.navLinkActive .iconSkills{color:#d67ab1}.navLink:hover>.iconAbout,.navLinkActive .iconAbout{color:#f08080}.navLink:hover>.iconContact,.navLinkActive .iconContact{color:#fff}.navLink:hover>.iconHome,.navLinkActive .iconHome{color:coral}.navLink:hover>.iconLinkedIn{color:#0077b5}.navLink:hover>.iconGitHub{color:#fff}.navLinkLogo{font-weight:700;text-transform:uppercase;text-align:center;color:coral;letter-spacing:.3ch;width:100%;display:flex;justify-content:center}.iconLogo{transform:rotate(0deg);transition:transform .6s;display:block}.headerContainer:hover .iconLogo{transform:rotate(-180deg);-webkit-filter:grayscale(0) opacity(1);filter:grayscale(0) opacity(1)}.logoText{display:none;transition:width .6s ease;left:-999px;transition:.6s ease-in}.headerContainer:hover .logoText{display:block;left:-999px;min-width:180px;transition:.6s ease-in}.fa-primary{color:#ff7eee!important}.fa-secondary{color:#df49a6!important}.headerContainer:hover .navLinkLogo{-webkit-filter:grayscale(0) opacity(1);filter:grayscale(0) opacity(1);transition:.6s}@media only screen and (max-width:600px){.headerContainer{bottom:0;width:100vw;height:10vh}.navbar{flex-direction:row}.navLink,.navLinkActive{justify-content:center}.navIcon{width:3rem;height:3rem}.navItem:first-child,.navLinkLogo{display:none}.iconShopify:active{color:#96bf48}.iconPortfolio:active{color:#ff0}.iconSkills:active{color:#d67ab1}.iconAbout:active{color:#f08080}.iconContact:active{color:#fff}.iconHome:active{color:coral}}@media only screen and (min-width:600px){.headerContainer{width:7rem;height:100vh;transform:translate(-7rem)}.headerContainer:hover .logoText{margin-left:1rem;left:0}.headerContainer:hover{width:16rem}.headerContainer:hover .linkText{display:block;min-width:165px}.navIcon{width:5rem;height:3rem;min-width:5rem;margin:0 1rem}.navLinkLogo svg{width:5rem;height:4rem;margin:0 auto}}@media only screen and (min-width:1401px){.nonStarredSitesSectionContainer{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:25px;gap:25px}.nonStarredSiteItem{height:100%;position:relative;max-height:100%}.nonStarredScreenshot{width:100%;height:auto;box-shadow:0 3px 8px rgba(0,0,0,.24);z-index:10;position:relative}.nonStarredScreenshot:hover{cursor:pointer;z-index:100}.onHoverInfo{position:absolute;left:100%;top:0;visibility:hidden;transform:translateX(-100%);z-index:20;display:inline-block;text-align:center;transition:.6s linear;opacity:0;min-width:100%;height:100%;border-radius:0 78px 52px 26px/26px 52px 78px 0}.nonStarredScreenshot:hover~.onHoverInfo{color:#000;opacity:.95}.nonStarredScreenshot:hover~.onHoverInfo,.onHoverInfo:hover{background:#fff;visibility:visible;transition:.6s ease-in;transform:translateX(0)}.onHoverInfo:hover{opacity:1}.onHoverInfo:hover~.nonStarredScreenshot{z-index:100;cursor:pointer}.lastColumn>.nonStarredScreenshot:hover~.onHoverInfo{transform:translate(-200%)}.lastColumn>.onHoverInfo:hover{visibility:visible;transition:.6s ease-in;transform:translateX(-200%);opacity:1}.lastColumn>.onHoverInfo{position:absolute;right:100%;top:0;visibility:hidden;transform:translateX(-100%);z-index:20;display:inline-block;text-align:center;transition:.6s linear;opacity:0;min-width:100%;height:100%;border-radius:78px 0 26px 52px/52px 26px 0 78px}.nonStarredFeatures{width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.ReactModal__Content{inset:30%!important}}@media only screen and (min-width:901px) and (max-width:1400px){.nonStarredSitesSectionContainer{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:25px;gap:25px}.nonStarredSiteItem{height:100%;position:relative;max-height:100%}.nonStarredScreenshot{width:100%;height:auto;box-shadow:0 3px 8px rgba(0,0,0,.24);z-index:10;position:relative}.nonStarredScreenshot:hover{cursor:pointer;z-index:100}.onHoverInfo{position:absolute;left:100%;top:0;visibility:hidden;transform:translateX(-100%);z-index:20;display:inline-block;text-align:center;transition:.6s linear;opacity:0;min-width:100%;height:100%}.nonStarredScreenshot:hover~.onHoverInfo{color:#000;background:#fff}.nonStarredScreenshot:hover~.onHoverInfo,.onHoverInfo:hover{visibility:visible;transition:.6s ease-in;transform:translateX(0);opacity:1}.onHoverInfo:hover~.nonStarredScreenshot{z-index:100;cursor:pointer}.lastColumn>.nonStarredScreenshot:hover~.onHoverInfo{transform:translate(-200%)}.lastColumn>.onHoverInfo:hover{visibility:visible;transition:.6s ease-in;transform:translateX(-200%);opacity:1}.lastColumn>.onHoverInfo{position:absolute;right:100%;top:0;visibility:hidden;transform:translateX(-100%);z-index:20;display:inline-block;text-align:center;transition:.6s linear;opacity:0;min-width:100%;height:100%}.nonStarredFeatures{width:100%;height:70%}.ReactModal__Content{inset:30%!important}}@media only screen and (min-width:401px) and (max-width:900px){.nonStarredSitesSectionContainer{display:grid;grid-template-columns:1fr 1fr;grid-gap:25px;gap:25px}.nonStarredSiteItem{height:100%;position:relative;max-height:100%}.nonStarredScreenshot{width:100%;height:auto;box-shadow:0 3px 8px rgba(0,0,0,.24);z-index:10;position:relative}.ReactModal__Content{inset:30%!important}}@media only screen and (max-width:400px){.nonStarredSitesSectionContainer{display:grid;grid-template-columns:1fr;grid-gap:25px;gap:25px}.nonStarredSiteItem{height:100%;position:relative;max-height:100%}.nonStarredScreenshot{width:100%;height:auto;box-shadow:0 3px 8px rgba(0,0,0,.24);z-index:10;position:relative}.ReactModal__Content{inset:30% 5%!important}}.ReactModal__Overlay{z-index:100}.slideOutTitle{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:15px}.modalContainer{display:flex;flex-direction:column;align-items:center;justify-content:center}.shopifySitesContainer{background-color:hsla(0,0%,100%,.1);padding:15px 20px 25px;border-radius:25px;text-align:center;margin:0 0 15px}.footerText{text-align:middle;color:coral}.aboutContainer{margin-bottom:75px;background-color:hsla(0,0%,100%,.1);padding:15px 20px 25px;border-radius:25px}@media screen and (min-width:600px){.aboutTextLeft{display:grid;grid-template-columns:65% 35%}.aboutTextRight{display:grid;grid-template-columns:35% 65%}}.aboutSeperator{display:block;margin-top:75px;line-height:22px;content:""}.aboutLinkButton{height:2rem;font-family:"Quicksand",sans-serif;font-size:24px;border-radius:.5rem;border:none;background-color:#240046;color:coral;padding:.5rem .75rem;margin:0;display:flex;align-items:center}.aboutLinkButton:hover{background-color:#2c0e49}.aboutParagraphContainer{width:100%}.aboutImageContainer,.centerButton{display:flex;justify-content:center;align-items:center}.aboutImageContainer{max-width:100%}.aboutDisplayImg{max-width:100%;margin:5%;width:95%;border-radius:15px}.aboutSkyDiveImg{max-width:100%;margin:15px;max-height:15rem;border-radius:15px}.modalDescriptionText{color:#000;margin-bottom:15px;text-align:center}.skillsContainer{margin-bottom:75px}.skillsGridContainer{max-width:80vw}.skillsDescription{text-align:center;margin-bottom:35px}.skillButton{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:auto;background-color:hsla(0,0%,100%,.1);border-radius:25px;transition:background-color .6s ease;border-width:0;cursor:pointer}.skillButton:hover{background-color:hsla(0,0%,100%,.2)}.skillContainer{flex-direction:column}.skillContainer,.skillIcon{display:flex;justify-content:center;align-items:center}.skillIcon{vertical-align:middle;margin:auto;font-size:5rem;transform:scale(1);padding-bottom:15px;transition:transform .6s ease}.skillButton:hover .skillIcon{transform:scale(1.2)}.skillHTML5{color:#f60}.skillCSS3{color:#264de4}.skillShopify{color:#96bf48}.skillJavascript{color:#f0db4f}.skillCommunicatingwithClients{color:#fff}.active.skillCommunicatingwithClients,.skillSEO{color:#000}.skillReact{color:#61dbfb}.skillPHP{color:#8993be}.skillMySQL{color:#00758f}.skillSCSS{color:#c69}.skillGit{color:#f34f29}.skillNodeJS{color:#3c873a}.skillPhotoshop{color:#8bc3fc}.skillMongoDB{color:#4db33d}.ReactModal__Content{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:flex;justify-content:center;align-items:center;flex-direction:column;position:absolute;z-index:100000;max-width:60vw}@media only screen and (max-width:600px){.skillsGridContainer{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:5px;-webkit-column-gap:5px;column-gap:5px;grid-row-gap:5px;row-gap:5px}.skillButton{min-width:170px;min-height:180px}}@media only screen and (min-width:600px) and (max-width:1000px){.skillsGridContainer{display:grid;grid-template-columns:1fr 1fr 1fr;grid-row-gap:15px;row-gap:15px;grid-column-gap:15px;-webkit-column-gap:15px;column-gap:15px}.skillButton{min-width:200px}}@media only screen and (min-width:1000px){.skillsGridContainer{display:grid;grid-template-columns:1fr 1fr 1fr;grid-row-gap:15px;row-gap:15px;grid-column-gap:15px;-webkit-column-gap:15px;column-gap:15px}.skillButton{min-width:300px}}.contactContainer{background-color:hsla(0,0%,100%,.1);border-radius:25px;padding:15px 20px 25px}.contactTextContainer{text-align:center}.contactFormContainer{margin:15px}.contactEmailContainer,.contactFormContainer{display:flex;flex-direction:column;justify-content:center;align-items:center}.contactEmailContainer{width:100%}@media screen and (min-width:600px){.contactEmail{width:33.3%}.contactMessage{width:66.7%}}@media screen and (max-width:600px){.contactEmail,.contactMessage{width:100%}}.contactEmail{height:1rem;border-radius:.3rem;border:none;padding:.5rem;font-family:"Hind Siliguri",sans-serif}.contactMessageContainer{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.contactMessage{max-width:66vw;max-height:100vh;height:10rem;border-radius:1rem;border:none;padding:15px;font-family:"Hind Siliguri",sans-serif;background-color:#fff}.contactButton{font-family:"Quicksand",sans-serif;font-size:18px;border-radius:.5rem;border:none;background-color:#240046;color:coral;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:.5rem 2rem}.contactIcon{height:5rem;width:5rem;margin:25px 15px;transform:scale(.9);transition:.6s ease}.iconLinkedIn{color:#0077b5}.iconGitHub{color:#fff}.contactIcon:hover{transform:scale(1)}.StaticBackground{background-color:#240046;color:#fff;width:100vw;height:100vh;display:block;text-align:center;line-height:40px;position:fixed;z-index:-10;overflow:hidden}.StaticBackground:after{content:"";position:absolute;background-color:#3c096c;width:1070vw;height:500vh;border-radius:75%;top:0;left:0;transform:translate(-62%,4%);box-shadow:inset 0 30px 60px -12px #10002b,inset 0 18px 36px -18px rgba(0,0,0,.1);z-index:-20}
/*# sourceMappingURL=main.5f9e8788.chunk.css.map */