*{margin:0;padding:0;box-sizing:border-box}body{width:100%;background:radial-gradient(at top left,#000 0,rgba(10,2,10,.7529411764705882) 100%);background-repeat:no-repeat;height:100vh;max-width:1200px;margin:0 auto}.main-container{width:100%;height:100%}.nav-wrapper{width:100%;height:9vh;position:fixed;top:0;left:0;z-index:1}.nav-wrapper.active{background:#fff}.nav-container{z-index:1;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;padding:1.2rem;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;width:100%;height:9vh;margin:0 auto;max-width:1200px}.logo{font-family:"Acme",sans-serif;font-size:1.8rem;color:#6c1eaf;cursor:pointer}.link{list-style-type:none;float:left}.nav-links .anchor{display:inline-block;color:#fff;text-decoration:none;cursor:pointer;font-family:"Varela Round",sans-serif;font-size:1.1rem;letter-spacing:.7px;font-weight:550;line-height:2rem;border-bottom:3px solid transparent;border-radius:2px;transition:all .3s ease;margin:.8rem}.nav-links .anchor:hover{border-color:#55198b}.nav-links.active .anchor,.nav-links .scrolled{color:#000}.anchor.active{font-weight:570;border-color:#55198b}.menu-icon{display:none}.home-container{font-family:"Varela Round",sans-serif;color:#fff;-webkit-flex-direction:row;flex-direction:row;padding:1rem;-webkit-align-items:center;align-items:center;width:100%;min-height:100vh}.content-container,.home-container{display:-webkit-flex;display:flex;height:100%}.content-container{width:50vw;-webkit-flex-direction:column;flex-direction:column;padding:1.8rem;margin-top:3rem;-webkit-justify-content:center;justify-content:center}.main-content{font-size:4rem}.skill-content{margin:.6rem 0;color:#9c72be;font-family:"Varela Round",sans-serif;font-weight:400;font-size:1.5rem}.skill-animation{height:100px;width:100%;font-size:2rem;color:#9c72be;padding-top:5%;margin:1rem 0}.hand{display:inline-block;margin:.9rem;cursor:pointer}.welcome-content{color:grey}.svg-container{margin-top:1.5rem;width:50vw;height:36rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.svg{height:75%}.services-container{height:100vh;-webkit-flex-direction:column;flex-direction:column;font-family:"Exo 2",sans-serif;color:#000;font-size:1.3rem;padding:2rem}.services-container,.services-wrapper{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;display:-webkit-flex;display:flex;width:100%}.services-wrapper{margin-top:4rem;height:40vh;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:row;flex-direction:row}.services{margin:1rem;box-shadow:3px 2px 10px grey;border-radius:20px;border:1px solid transparent;padding:3rem}.services,.servicesPic{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-evenly;justify-content:space-evenly;text-align:center;transition:all .3s ease}.servicesPic{max-width:50%;margin-bottom:10%;max-height:50%}.servicesSkillsLogos{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-evenly;justify-content:space-evenly;max-width:50px;text-align:center;margin-left:7%;margin-top:3%;max-height:50px;transition:all .3s ease}.services:hover{border-color:grey}.services img{height:2.5rem;width:auto}.services img.left{margin-left:.6rem}.services li{list-style-type:none;font-family:"Varela Round",sans-serif;font-size:1.5rem;font-weight:500;text-align:left}.services h5{padding-bottom:4%}.services li p{display:inline-block;margin-top:.3rem}.skills-container{font-family:"Exo 2",sans-serif;display:-webkit-flex;display:flex;color:#000;font-size:1.3rem;-webkit-flex-direction:column;flex-direction:column;padding:2rem;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-evenly;justify-content:space-evenly;width:100%;min-height:100vh}.skills-container h1{margin:2rem 0}.portfolio-container{font-family:"Exo 2",sans-serif;display:-webkit-flex;display:flex;color:#000;font-size:1.3rem;-webkit-flex-direction:column;flex-direction:column;padding:2rem;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-evenly;justify-content:space-evenly;width:100%;margin-top:20%;min-height:100vh}.portfolio-container h1{margin:3rem 0}.projects-container{min-height:60vh;width:100%;-webkit-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;text-align:center}.projects{height:29rem;width:33rem;margin:1rem;box-shadow:3px 2px 10px grey;transition:all .2s ease}.project-images,.projects{cursor:pointer;border-radius:10px}.project-images{width:100%;border-bottom:1px solid #55198b;height:70%}#carbonlink{background-image:url(/MyPortfolio/static/media/carbonlink.d225b85a.png)}#carbonlink,#rivian{background-size:cover;background-repeat:no-repeat}#rivian{background-image:url(/MyPortfolio/static/media/rivian.91f10c0c.png)}#pickle{background-image:url(/MyPortfolio/static/media/pickle.42e4b746.png)}#insage,#pickle{background-size:cover;background-repeat:no-repeat}#insage{background-image:url(/MyPortfolio/static/media/insage.88134da1.png)}#gridware{background-image:url(/MyPortfolio/static/media/gridware.f9c5cbf8.png)}#gridware,#rms{background-size:cover;background-repeat:no-repeat}#rms{background-image:url(/MyPortfolio/static/media/rms.77d828b5.png)}#ivr{background-image:url(/MyPortfolio/static/media/ivr.2c5a7781.png)}#ch3,#ivr{background-size:cover;background-repeat:no-repeat}#ch3{background-image:url(/MyPortfolio/static/media/ch3.31b2314e.png)}#cms{background-image:url(/MyPortfolio/static/media/cms.30052f5e.png)}#cms,#lnmngr{background-size:cover;background-repeat:no-repeat}#lnmngr{background-image:url(/MyPortfolio/static/media/lnmngr.512046db.png)}#petaid{background-image:url(/MyPortfolio/static/media/petaid.64b4784f.png)}#netsuite,#petaid{background-size:cover;background-repeat:no-repeat}#netsuite{background-image:url(/MyPortfolio/static/media/netsuite.f1db1fc5.png)}.project-links{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:100%;height:30%;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.project-links .text{color:#000;font-family:"Varela Round",sans-serif;font-size:.8rem}.project-links .icons,.project-links .text{width:100%;height:50%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.icons #github{background-color:#333}.icons #github:hover{background-color:#0f0f0f}.icons #live{background-color:#105810}.icons #live:hover{background-color:#104158}.icons i{color:#fff;cursor:pointer;display:inline-block;font-size:1.3rem;height:2.6rem;line-height:2.6rem;position:relative;text-align:center;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:2.6rem;border-radius:2.6rem;margin:0 5px 10px;transition:all .2s ease-in 0s}.contact-container{font-family:"Exo 2",sans-serif;display:-webkit-flex;display:flex;color:#000;font-size:1.3rem;-webkit-flex-direction:column;flex-direction:column;padding:2rem;-webkit-align-items:center;align-items:center;grid-row-gap:3rem;row-gap:3rem;margin-top:4rem;width:100%;min-height:100vh}.profile-image{margin:1rem;box-shadow:6px 6px 10px grey;width:170px;border-color:#000;border-radius:50%;background-image:url(/MyPortfolio/static/media/pic.e9520ac7.jpg);background-size:cover;height:170px}.cards-container{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;width:100%;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.cards{box-shadow:3px 2px 10px grey;border-radius:20px;-webkit-flex-direction:column;flex-direction:column;width:16rem;height:9rem;margin:1rem;padding:1.3rem 0}.cards,.contact-icons{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;text-align:center;display:-webkit-flex;display:flex}.contact-icons{width:100%;height:33.33%}.contact-text{width:100%}.contact-links,.contact-text{display:-webkit-flex;display:flex;margin-top:.7rem;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue";height:33.33%;font-size:1rem;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.contact-links{width:90%}.contact-links>span{display:block}.contact-links i{cursor:pointer;margin:.3rem;display:block;font-size:1.3rem;position:relative;text-align:center;transition:all .3s ease;padding:.1rem;-webkit-user-select:none;-ms-user-select:none;user-select:none}.contact-links a{text-decoration:none}.contact-links i:hover{-webkit-transform:scale(1.09);transform:scale(1.09)}.contact-links #github{color:rgba(0,0,0,.884)}.contact-links:hover #github{color:#000}.contact-links #facebook{color:rgba(28,28,231,.938)}.contact-links:hover #facebook{color:#1c1ce7}.contact-links #instagram{color:rgba(214,84,45,.89)}.contact-links:hover #instagram{color:#d6542d}.contact-links #linkedin{color:rgba(61,142,183,.9176470588235294)}.contact-links:hover #linkedin{color:#3d8eb7}.contact-links #twitter{color:rgba(0,183,255,.9450980392156862)}.contact-links:hover #twitter{color:#00b7ff}.contact-icons i{color:#f35166;cursor:pointer;font-size:1.7rem;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:all .2s ease-in 0s}.footer-container{display:-webkit-flex;display:flex;color:#000;font-size:.8rem;padding:2rem;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-evenly;justify-content:space-evenly;font-family:"Varela Round",sans-serif;width:100%;height:8vh}.footer-container a{text-decoration:none;font-family:"Varela Round",sans-serif;font-weight:200;letter-spacing:.5px;font-size:1.3rem;color:#6507a8;text-shadow:1px 1px 1px #000;transition:all .3s ease}.footer-container a:hover{color:rgba(6,12,2,.7725490196078432);text-shadow:1px 1px 1px #000}.button-wrapper{width:100%}.button:hover{background-color:#fff;color:#55198b;transition:all .3s ease 0s;-webkit-transform:translateY(-3px);transform:translateY(-3px)}.button,.button-link{text-decoration:none}.button{background-color:#55198b;border:1px solid #55198b;color:#fff;font-weight:700;min-width:200px;padding:13px 22px;text-transform:uppercase;border-radius:6px;text-align:center;outline:none;margin-top:3.6rem;font-size:1rem;cursor:pointer;transition:all .3s ease-in-out 0s}.contact-btn{margin-right:1rem}.heading{margin:2rem 0;font-family:"Varela Round",sans-serif;color:#000}@media screen and (max-width:1150px){.home-container{-webkit-flex-direction:column;flex-direction:column}.content-container{padding-top:5rem;width:100vw;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;text-align:center}.svg-container{width:100vw}}@media screen and (max-width:900px){.nav-links{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:100%;min-height:350px;position:absolute;top:9vh;text-align:center;-webkit-align-items:center;align-items:center;left:-110%}.nav-links,.nav-links.active{opacity:1;transition:all .5s ease}.nav-links.active{background:hsla(0,0%,100%,.911);left:0;z-index:1}.menu-icon{display:block;position:relative;margin:0 1rem;font-size:1.8rem;cursor:pointer}}@media screen and (max-width:700px){.svg-container{margin-top:1.5rem;width:50vw;height:36rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.svg{height:60%}}@media screen and (max-width:500px){button{width:90%}.contact-btn{margin-right:0}}@media screen and (max-width:550px){.content-container{font-size:.7rem}.main-content{font-size:2rem}.skill-content{margin:.6rem 0;font-size:1.2rem}.hand{font-size:1.8rem}.welcome-content{font-size:.7rem}}@media screen and (max-width:500px){.svg{height:40%}}@media screen and (max-width:415px){.skill-content{font-size:1rem}}@media screen and (max-width:395px){.heading{font-size:1.2rem}.button{font-size:.8rem}}
/*# sourceMappingURL=main.451adcec.chunk.css.map */