@font-face{font-family:Poppins Medium;font-style:normal;font-weight:400;src:url(/static/media/Poppins-Medium.9e1bb626874ed49aa343.ttf)}@font-face{font-family:Poppins Regular;font-style:normal;font-weight:400;src:url(/static/media/Poppins-Regular.8081832fc5cfbf634aa6.ttf)}@font-face{font-family:Poppins SemiBold;font-style:normal;font-weight:400;src:url(/static/media/Poppins-SemiBold.cce5625b56ec678e4202.ttf)}@font-face{font-family:Poppins Bold;font-style:normal;font-weight:400;src:url(/static/media/Poppins-Bold.404e299be26d78e66794.ttf)}@font-face{font-family:Poppins ExtraBold;font-style:normal;font-weight:400;src:url(/static/media/Poppins-ExtraBold.4ed78cd5d64af4efc3c7.ttf)}@font-face{font-family:Poppins Light;font-style:normal;font-weight:400;src:url(/static/media/Poppins-Light.f41b63c0bb0963ace821.ttf)}@font-face{font-family:Poppins Thin;font-style:normal;font-weight:400;src:url(/static/media/Poppins-Thin.a61eaf4c2e4d44d6db6a.ttf)}*{outline:none}body{font-family:Poppins Regular}html{box-sizing:border-box;scroll-behavior:smooth}*,:after,:before{box-sizing:inherit}::-webkit-scrollbar{height:6px!important;width:6px!important}body ::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.16)}::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2)}::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1)}.btn{border-radius:50px;cursor:pointer;font-family:Poppins SemiBold;margin-bottom:15px;margin-top:15px;padding:14px 0;transition:.2s;width:160px}.btn:active{-webkit-transform:translateY(2px);transform:translateY(2px)}.primary-btn{background-color:#1f2235;border:2px solid linen;color:#f0f8ff;font-size:12px}.highlighted-btn:hover{background-color:#ea4c89;border:2px solid #fff;color:#f0f8ff}.highlighted-btn{background-color:#ea4c89;color:#f0f8ff;font-size:12px}@media only screen and (max-width:568px){.highlighted-btn{z-index:-900}}.red-border{border:1px solid var(--error-message)!important}.fade-in{opacity:0;-webkit-transform:translateY(80px);transform:translateY(80px);transition:all .8s ease}.primary-text h2{color:#fff}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:linear-gradient(to bottom right,#f4cfdf,#b6d8f2);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;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}.projects{justify-content:center}.projects:nth-child(odd) .projectswrapper{flex-direction:row-reverse}.projectimage{position:relative}.mobileimage{max-height:487px;position:absolute;right:0;width:30%}.projectswrapper>div{display:flex;width:85%}.mobileimage img{scale:.8}.projectswrapper{justify-content:center;justify-content:space-evenly;margin:4rem auto;width:100%}.projects{margin:auto;max-width:1800px;width:100vw}.contentwrapper h2{color:#ea4c89}.projectcontent>*{max-width:792px}img{width:90%}.button-1{background-color:#ea4c89;border-radius:8px;border-style:none;box-sizing:border-box;color:#f0d0e1;cursor:pointer;display:inline-block;font-family:Haas Grot Text R Web,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;font-weight:500;height:40px;line-height:20px;list-style:none;margin:0 7px 0 0;outline:none;padding:10px 16px;position:relative;text-align:center;text-decoration:none;touch-action:manipulation;transition:color .1s;user-select:none;-webkit-user-select:none;vertical-align:initial}.button-1:focus,.button-1:hover{background-color:#f694ba}.button-2{background-color:#ea4c89;border-radius:8px;border-style:none;box-sizing:border-box;color:#f0d0e1;cursor:pointer;display:inline-block;font-family:Haas Grot Text R Web,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;font-weight:500;height:40px;line-height:20px;list-style:none;margin:0;outline:none;padding:10px 16px;position:relative;text-align:center;text-decoration:none;touch-action:manipulation;transition:color .1s;user-select:none;-webkit-user-select:none;vertical-align:initial}.button-2:focus,.button-2:hover{background-color:#f694ba}nav a{color:#b6d8f2;display:inline-block;font-size:30px;justify-content:space-between;padding-right:20px;text-decoration:none}nav a:hover{color:pink}header{background-color:#f3e6ea;display:flex;height:80px;height:50px;left:0;max-width:100vw;position:fixed;right:0;top:0;width:100%;z-index:9999}header *{display:inline}span.transparenttext{font-size:79px}h1,span.transparenttext{background:linear-gradient(90deg,#c084fc,#db2777);-webkit-background-clip:text;color:transparent}h1{font-size:60px;line-height:2;margin-top:0;padding-top:0}.colz-icon a:hover{color:pink}.about i{height:100px}.about h1,.about h3{color:#fff}.about h3{size:30px;padding-top:100px}.headimage,.headshot{position:relative}.headshot{border-radius:30px;max-width:700px;min-width:308px;scale:.8}.irlphoto{border-radius:60px;height:120px;left:5%;object-fit:cover;object-position:top;position:absolute;top:5%;width:120px}.text{display:flex;font-size:30px;text-align:left}.skillstitle{display:flex;justify-content:center;padding-bottom:20px;padding-top:100px}.h1title{font-size:30px}.skills{display:flex;flex-direction:column;width:100%}.iconcontainer,.iconss{display:flex;justify-content:center;width:100%}.iconss{flex-direction:row;flex-wrap:wrap;max-width:909px}.heartdiv{height:165px;margin-top:10px;position:relative;width:130px}.heartdiv:after,.heartdiv:before{background:#ca62cc;border-radius:52px 52px 0 0;content:"";height:92px;position:absolute;top:0;width:65px;z-index:-1}.heartdiv:before{box-shadow:-6px 16px 43px 4px rgba(0,0,255,.2);left:62px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 100%;transform-origin:0 100%}.heartdiv:after{box-shadow:9px 11px 13px 0 rgba(0,0,255,.2);left:-3px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}.iconss .icon{height:57px;left:37px;margin:1px;position:absolute;top:9px;width:49px}.heartdiv.sass:after,.heartdiv.sass:before{background:#cc649c}.heartdiv.js:after,.heartdiv.js:before{background:#f7df1e}.heartdiv.html:after,.heartdiv.html:before{background:#e44f26}.heartdiv.css:after,.heartdiv.css:before{background:#1572b6}.heartdiv.express:after,.heartdiv.express:before,.heartdiv.react:after,.heartdiv.react:before{background:#242938}.heartdiv.node:after,.heartdiv.node:before{background:#dd4c35}.heartdiv.sql:after,.heartdiv.sql:before{background:#242938}.linkedinicon svg:hover{color:#b868b5}.linkedinicon svg{color:purple;height:60px;width:60px}.githubicon svg:hover{color:#b868b5}.githubicon svg{color:purple;height:60px;padding:5px;width:60px}.colz-icon{display:flex}.about{align-items:center;flex-direction:row-reverse;height:calc(100vh + 60px);margin:auto;min-height:827px;text-align:center}.about,.aboutcontent{display:flex;justify-content:center;width:100%}.aboutcontent{align-items:flex-start;box-sizing:border-box;flex-direction:column;height:100%;max-width:1000px;min-height:653px;padding-left:25px;padding-right:40px}.about h1{color:#000;font-size:80px;line-height:90px;margin:0;text-transform:uppercase}.about span{display:flex;font-size:100px;padding-bottom:8px}.about p{-webkit-animation:fadeIn 2s;animation:fadeIn 2s;color:#230180}.projects{align-items:center;display:flex;flex-direction:column}.projects p{color:#000;font-size:18px;margin-top:0;text-align:left}.projectstitle{display:flex;justify-content:center;margin:auto;max-width:1000px}.projectswrapper{display:flex;-webkit-filter:blur(5px);filter:blur(5px);opacity:0;padding-left:40px;padding-right:40px;transition:all 2s}.projects:nth-of-type(odd) .projectswrapper{-webkit-transform:translateX(-20%);transform:translateX(-20%)}.projects:nth-of-type(2n) .projectswrapper{-webkit-transform:translateX(20%);transform:translateX(20%)}.projectcontent img{scale:2}.projectcontent{align-content:end;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;max-width:801px}div#projects{padding-top:30px}.skillsWrapper{display:flex;flex-wrap:wrap}.skillitem{background-color:#f0d0e1;border-radius:10px;color:#ea4c89;font-size:14px;height:25px;margin:5px;padding-left:7px;padding-right:7px}.probtns{padding-bottom:25px;padding-top:10px}.probtns,.profile-container{display:flex;justify-content:center}.profile-container{padding-top:1px;width:100%}.logo{color:#fff;display:flex;height:100%}.logo svg{-webkit-animation:heartbeat 1s infinite;animation:heartbeat 1s infinite;color:pink;width:36px}nav{padding-top:5px}.home,nav{display:flex;width:100%}.home{justify-content:space-around}.AboutMeWrapper{justify-content:center;margin:auto;max-width:1505px;padding-left:40px;padding-right:40px}.AboutDescription,.AboutMeWrapper{display:flex;flex-direction:column}.AboutDescription{font-size:25px;max-width:924px;padding-bottom:50px;padding-right:5px;position:relative;text-align:left}.AboutDescription h1{color:#000;line-height:1;margin-top:10px;padding-top:0}.AboutDescription p{color:#000;margin:0;padding:0}.AboutMeContainer{padding-top:60px}.AboutMeContainer,.boxstyle{display:flex;flex-direction:column}.boxstyle{align-items:center;background-color:#c084fc35;border-radius:10px;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 5px 10px rgba(0,0,0,.2),0 15px 40px rgba(0,0,255,.2);color:#fff;gap:2rem;height:280px;justify-content:center;margin:10px;width:250px}svg.svgabout{scale:5}.aboutstones{display:flex;flex-wrap:wrap;gap:1.7rem}.contactform,.contactformcontainer{display:flex;justify-content:center}.contactform{background-color:#c8c4f4;border-radius:15px;flex-direction:column;margin-bottom:20px;margin-top:45px;max-width:750px;padding:33px;width:75%}ul.menudropdown{display:none}form{display:flex;flex-direction:column;gap:2rem;justify-content:center}.contactinput textarea{background-color:#efe7f7;border-color:transparent;border-radius:10px;font-size:16px;outline:none;padding:8px;resize:none;width:86%}.contactinput,.contacttitlecontainer{display:flex;justify-content:center}.contactinput{align-content:center;align-items:flex-start;flex-direction:column;flex-wrap:wrap}.contactbtn button{align-items:center;background-color:#ad9dbd;border:none;border-radius:6px;color:#efe7f7;font-family:system-ui;font-size:18px;font-weight:bolder;gap:10px;letter-spacing:1px;padding:13px}.contactbtn,.contactbtn button{display:flex;justify-content:center}.contactinput label{font-family:system-ui;font-size:16px;font-weight:700;padding-bottom:5px}.contactbtn svg{scale:1.3}.contactinput input{background-color:#efe7f7;border-color:transparent;border-radius:10px;font-size:16px;height:45px;padding:5px;width:86%}.mobilemenu{display:none}.show{-webkit-filter:blur(0);filter:blur(0);opacity:1;-webkit-transform:translateX(0)!important;transform:translateX(0)!important;transition:all 1s}.grow{transition:all .2s ease-in-out}.grow:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.mobileimage img:hover{-webkit-animation:bob-on-hover 2s infinite;animation:bob-on-hover 2s infinite}img.laptopimage:hover{-webkit-animation:bob-on-hover 3s infinite;animation:bob-on-hover 3s infinite}@-webkit-keyframes bob-on-hover{0%{-webkit-transform:translateY(0);transform:translateY(0)}25%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}50%{-webkit-transform:translateY(0);transform:translateY(0)}75%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bob-on-hover{0%{-webkit-transform:translateY(0);transform:translateY(0)}25%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}50%{-webkit-transform:translateY(0);transform:translateY(0)}75%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes heartbeat{0%{-webkit-transform:scale(.75);transform:scale(.75)}20%{-webkit-transform:scale(1);transform:scale(1)}40%{-webkit-transform:scale(.75);transform:scale(.75)}60%{-webkit-transform:scale(1);transform:scale(1)}80%{-webkit-transform:scale(.75);transform:scale(.75)}to{-webkit-transform:scale(.75);transform:scale(.75)}}@keyframes heartbeat{0%{-webkit-transform:scale(.75);transform:scale(.75)}20%{-webkit-transform:scale(1);transform:scale(1)}40%{-webkit-transform:scale(.75);transform:scale(.75)}60%{-webkit-transform:scale(1);transform:scale(1)}80%{-webkit-transform:scale(.75);transform:scale(.75)}to{-webkit-transform:scale(.75);transform:scale(.75)}}@-webkit-keyframes typing{0%{width:0}to{width:100%}}@keyframes typing{0%{width:0}to{width:100%}}@-webkit-keyframes blink{50%{border-color:transparent}}@keyframes blink{50%{border-color:transparent}}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(-30px) scale(.9);transform:translateY(-30px) scale(.9)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(-30px) scale(.9);transform:translateY(-30px) scale(.9)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}span.animatedtitle{-webkit-animation:typing 1.1s step-start infinite,blink .5s step-end infinite alternate;animation:typing 1.1s step-start infinite,blink .5s step-end infinite alternate;border-right:5px solid;display:table-cell;overflow:hidden;width:0}@media (min-width:1000px){.projects{justify-content:center}body{background-size:cover}}@media screen and (max-width:1280px){.projectswrapper{align-items:center;display:flex;justify-content:center}.projects:nth-child(odd) .projectswrapper,.projectswrapper{flex-direction:column}.text{font-size:20px}.spacer{padding-top:100px}.about span{font-size:50px;line-height:44px;text-align:left}h1{line-height:1.4}}@media screen and (max-width:1242px){.aboutstones{justify-content:center;max-width:857px}}@media screen and (max-width:868px){.iconss{max-width:649px}.aboutstones{justify-content:center}}@media screen and (max-width:768px){.githubicon svg{height:48px;width:51px}.linkedinicon svg{height:50px;width:50px}nav{display:flex;flex-direction:column;padding-top:5px;width:100%}.about{flex-direction:column-reverse;height:22vh;min-height:718px}.aboutcontent{min-height:302px;padding-left:40px}.about p{font-size:16px}.about span{font-size:32px;line-height:1}.irlphoto{height:80px;left:4%;top:6%;width:80px}.headshot{max-height:350px;min-height:255px;min-width:100px}.headimage{align-items:center;display:flex;height:62%;justify-content:center;position:relative}.AboutMeContainer{padding:0}.AboutDescription h1{font-size:24px}.AboutDescription p,.boxstyle h3{font-size:16px}.boxstyle{gap:0;height:143px;width:113px}svg.svgabout{scale:3}h1{font-size:32px}.heartdiv{height:127px}.projects p{font-size:16px}.desktopmenu{display:none}.home{align-items:center;justify-content:space-between}.dropdownNotShown svg{color:pink;padding-right:5px;scale:2.5}.mobilemenu{display:block;padding-top:8px}.headerabout{align-items:center;display:flex;justify-content:center;padding-right:15px}ul.menudropdown{background-color:#f3e6ea;display:flex;flex-direction:column;margin-top:0}.dropdownShown svg{color:pink;scale:2}.logo svg{padding-left:5px}}.App{overflow-x:hidden;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;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}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.83aff8d2.css.map*/