@import url(https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=DynaPuff:wght@400..700&display=swap);*{box-sizing:border-box;font-family:Fira Sans,sans-serif;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000}a,h1,h2,h3,h4,p{color:#fff;text-decoration:none}ul{list-style-type:none}.btn{border:1px solid #fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:700;margin:1rem;padding:1rem 1.2rem;text-transform:uppercase}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.top{grid-gap:1rem;display:grid;gap:1rem;grid-auto-rows:minmax(100px,auto);grid-template-columns:repeat(3,1fr);height:100vh;padding:6rem 3rem 3rem}.topInfoWrap{align-items:end;display:flex}.topInfo{padding:2rem}.btn-68,.btn-68 *,.btn-68 :after,.btn-68 :before,.btn-68:after,.btn-68:before{border:0 solid;box-sizing:border-box}.btn-68{-webkit-tap-highlight-color:transparent;-webkit-appearance:button;background-color:#000;background-image:none;color:#fff;cursor:pointer;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:100%;line-height:1.5;margin:0;-webkit-mask-image:-webkit-radial-gradient(#000,#fff);padding:0}.btn-68:disabled{cursor:default}.btn-68:-moz-focusring{outline:auto}.btn-68 svg{display:block;vertical-align:middle}.btn-68 [hidden]{display:none}.btn-68{box-shadow:inset 0 0 0 2px #fa01a4;box-sizing:border-box;display:block;font-weight:900;margin:1rem;padding:1.2rem 3rem;position:relative;text-transform:uppercase;transition:color .1s linear}.btn-68:after,.btn-68:before{content:"";height:0;position:absolute;width:0}.btn-68:before{border-right:var(--border);border-top:var(--border);left:0;top:0}.btn-68:hover:before{--border:4px solid #000;animation:border-top-and-right 1s forwards}.btn-68:after{border-bottom:var(--border);border-left:var(--border);bottom:0;right:0;z-index:-1}.btn-68:hover:after{--border:4px solid #000;animation:border-bottom-and-left 1s forwards}@keyframes border-top-and-right{0%{height:0;width:0}50%{height:0;width:100%}to{height:100%;width:100%}}@keyframes border-bottom-and-left{0%{height:0;width:0}50%{height:0;width:100%}to{height:100%;width:100%}}@media screen and (max-width:1024px){.top{grid-template-columns:1fr}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{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}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.header{align-items:center;background:#000;background:linear-gradient(180deg,#000,#fff0);display:flex;height:90px;justify-content:space-between;padding:1rem 3rem;position:fixed;width:100%;z-index:10}.headerBg{background-color:#000000e6;transition:.5s}.nav-menu{display:flex;margin-left:auto}.nav-menu li{padding:0 1rem}.nav-menu li a{font-size:1.2rem;font-weight:500}.hamburger{cursor:pointer;display:none}.dots{height:23px;margin:3px 0 0 4px}.logo{align-items:center;display:flex;flex-direction:row;justify-content:center}@media screen and (max-width:1040px){.nav-menu{align-items:center;background-color:#000000e6;flex-direction:column;height:100vh;justify-content:center;left:-100%;position:absolute;top:0;transition:.3s;width:100%;z-index:-3}.nav-menu.active{left:0}.nav-menu li{padding:1rem 0}.nav-menu li a{font-size:2rem}.hamburger{display:block}}.footer{color:#fff;padding:6rem 3rem 4rem;width:100%}.footerBox{grid-gap:40px;display:grid;grid-template-columns:repeat(2,1fr)}.footerRight{text-align:right}@media screen and (max-width:640px){.footerBox{grid-template-columns:1fr}.footerBox,.footerRight{text-align:left}}.threeBoxWrap{background:linear-gradient(to right bottom,#ff00c8,#05a2d2);border-radius:6px;cursor:grab;grid-column:1/3;padding:3px;position:relative}.threeBox{height:100%;width:100%}.threeHeading{bottom:20px;font-size:4rem;line-height:8rem;padding:0 2rem 2rem;position:absolute;text-shadow:2px 2px 4px #0006;z-index:2}.threeDots{filter:drop-shadow(2px 2px 4px rgba(0,0,0,.4));height:80px;margin:6px 0 0 6px}@media screen and (max-width:700px){.threeHeading{font-size:2rem;line-height:4rem}.threeDots{height:40px}}.featuredWrap{display:flex;flex-direction:column;margin:3rem;padding-top:4rem}.featuredImg{margin-top:5rem;width:100%}.colorTitle h1{-webkit-text-fill-color:#0000;background:-webkit-linear-gradient(180deg,#00acf8,#32a4ff,#5a9aff,#818dff,#a67dff,#c867fc,#e649e6,#ff07c9);-webkit-background-clip:text;font-size:2.6rem;font-weight:700}.featuredInfo{color:#fff;padding:2rem}.featuredBtn{border:1px solid #fff;margin:2rem 0;padding:1rem;width:fit-content}.featuredDots{height:23px;margin:0 0 0 5px}.projectBanner{align-items:center;background-size:cover;cursor:pointer;display:flex;height:300px;justify-content:center;width:100%}.linkBox{margin:2rem 0;opacity:0;overflow:hidden;position:relative;width:100%}.skillsHeading{background-color:#000;border-radius:6px;font-size:2rem;margin-bottom:1.2rem;padding:.5rem;width:fit-content}.tag{background-color:#000;color:#fff;font-size:.8rem}.inverseTag,.tag{border-radius:6px;font-weight:500;margin-right:6px;padding:4px 6px}.inverseTag{background-color:#fff;color:#000;font-size:1rem}.projectBannerInfo{align-items:center;display:flex;flex-direction:column;justify-content:center}.projectBanner:hover .projectCard,.projectCardBox:focus .projectCard{transform:scale(1.1)}.headerBox{align-items:normal;display:flex;flex-direction:column;height:60vh;justify-content:center;padding:3rem}.heroContent h1{font-size:4rem;text-shadow:2px 2px 0 #0006}.header li a{padding:4px 8px}.header li a:hover{background-color:#fffc;border-radius:6px;color:#000;display:inline;padding:4px 8px;transition:.2s}@media screen and (max-width:640px){.headingBox h1{font-size:calc(1vw + 1vh);padding:1rem}}.aboutHeading{font-size:2rem}.aboutInfo{font-weight:500;line-height:1.6rem;padding:4rem 20%}.download{align-items:center;display:flex;justify-content:center;margin:6rem 2rem}.skillCard{display:grid;grid-template-columns:33% 33% 33%;width:100%}.bgPink{background-color:#ff3de2}.bgBlue{background-color:#3fdad6}.skillImg{height:auto;width:100%}.skillCardInfo{background-color:#333;color:#fff;line-height:2rem;padding:2rem}.skillCardInfo li{font-weight:500;padding-bottom:1rem}.skillHeader{background:#222;padding:2rem}.skillHeading{font-size:2rem;margin-bottom:1.2rem;padding:.5rem}.titlePadding{margin:1rem 3rem}.progressBar{background-color:#3fdad6;height:10px;transform-origin:0}.centerMe{display:flex;justify-content:center}.workHistory{height:40vh}.downloadBtn{align-items:center;background-color:#3fdad6;border-radius:6px;color:#000;display:flex;justify-content:center;padding:2rem;transition:all .15s linear;width:fit-content}.downloadBtn:focus,.downloadBtn:hover{background-color:#ff3de2;color:#fff;cursor:pointer;transition:all .25s linear}@media screen and (max-width:800px){.skillCard{grid-template-columns:1fr}.skillImg{display:block;margin:0 auto;width:50%}.aboutInfo{padding:4rem 2rem}}.formBox{color:#fff;min-width:400px;padding:0 3rem;width:40vw}.formClass{display:flex;flex-direction:column}.formClass>input{margin-bottom:1rem}.formClass>label,.submitBtn{font-weight:600}.submitBtn{background-color:#3fdad6;border:0;border-radius:6px;color:#000;font-size:1rem;margin-top:1rem;padding:.6rem 1.2rem;transition:all .25s linear;width:fit-content}.submitBtn:focus,.submitBtn:hover{background-color:#ff3de2;color:#fff;cursor:pointer;transition:all .25s linear}.projectWrap{color:#fff}.projectDots{height:40px;margin:2rem 0}.projectSummary{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:1.4rem;justify-content:center;line-height:2.4rem;padding:4rem 3rem;text-align:center}.projectInfo a{text-decoration:underline}.projectInfo{font-weight:500;line-height:1.6rem;padding:2rem 3rem}.arpaeColor{background-color:#1a7daa;color:#fff}.fromLeft{transform:translateX(-100px)}.projectConclusion{background-color:#1a7daa;flex-direction:column;font-size:1.4rem;line-height:2.4rem;padding:2rem 3rem}.projectConclusion,.projectNum{align-items:center;display:flex}.projectNum{padding:3rem}.projectBlock{display:grid;grid-template-columns:50% 50%;margin:2rem 0;padding:3rem}.projectBlockMid{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:1100px;padding:3rem;text-align:center}.projectImgBox{background-color:#1a7daa;height:fit-content;justify-self:end;max-width:500px}.projectImgBox img{height:100%;width:100%}.projectList{font-size:1rem;line-height:2rem}.numHeading{background-color:#1a7daa;color:#000;font-size:8rem;margin-right:1rem;padding:0 1rem}.midBannerDesktop{background-color:#1d1d1d;height:45vh}.midBannerMobile{display:none}@media screen and (max-width:1024px){.projectBlock{grid-template-columns:1fr}.projectImgBox{margin:0 auto}.projectBlockMid{flex-direction:column;text-align:left}.numHeading{margin-bottom:2rem}}@media screen and (max-width:800px){.midBannerMobile{background-color:#1d1d1d;display:block;height:60vh}.projectNum{flex-direction:column;padding:3rem 1rem}.projectBlockMid{flex-direction:column;text-align:left}.numHeading{margin-bottom:2rem}}.bgColor{background-color:#f8c639;color:#000}.projectHeading{background-color:#f8c639;color:#000;margin:1rem 0}.inverseBg,.projectHeading{border-radius:6px;display:inline-block;font-size:2rem;padding:.4rem .8rem}.inverseBg{background-color:#000;color:#fff;margin:0 0 2rem}.projectInfoBox{display:flex;flex-direction:column;justify-content:space-around;min-height:70vh;padding:3rem}.caseStudy{background-color:#333;margin:3rem 0}.caseStudy .projectInfoBox{min-height:auto;padding:0 3rem}.caseStudy .projectImgBox{justify-self:start}.caseStudy .projectImgBox img{height:100%}.caseStudy p{padding:1rem 0}@media screen and (max-width:1024px){.projectInfoBox{padding:3rem 0}.caseStudy .projectImgBox{margin:3rem auto 0}}@media screen and (max-width:800px){.projectInfoBox{padding:3rem 0}.caseStudy .projectInfoBox{padding:0 1rem}}.caoColor{background-color:#f37664;color:#000}.justifyLeft{justify-self:start}.rsvpPage{background:linear-gradient(160deg,#fde68a,#9fdfeb 50%,#a5b4fc);display:flex;justify-content:center;min-height:100vh;padding:3rem 1rem}.rsvpCard{background:#fff;border-radius:16px;box-shadow:0 12px 40px #0000002e;height:fit-content;max-width:560px;padding:2.5rem 2rem;width:100%}.rsvpHeader{margin-bottom:1.5rem;text-align:center}.rsvpBalloons{display:block;font-size:2.5rem;margin-bottom:.5rem}.rsvpHeader h1,.rsvpHeader h1 span{font-family:DynaPuff,sans-serif}.rsvpHeader h1{color:#1f2937;font-size:2rem;line-height:1.3;text-align:center}.rsvpHeader h1 span{display:block}.rsvpPhoto{border-radius:12px;margin-bottom:1.5rem;overflow:hidden}.rsvpPhoto img{display:block;height:auto;width:100%}.rsvpDetails{display:flex;gap:1rem;margin-bottom:2rem;text-align:center}.rsvpDetail{background:#e7f8fb;border-radius:12px;flex:1 1;padding:1rem}.rsvpDetail h2{color:#38c0d4;font-size:1rem;letter-spacing:.08em;margin-bottom:.4rem;text-transform:uppercase}.rsvpDetail p{color:#374151;line-height:1.4}.rsvpFormSection h2{color:#1f2937;margin-bottom:1rem;text-align:center}.rsvpForm{display:flex;flex-direction:column}.rsvpForm label{color:#374151;font-weight:600;margin-bottom:.3rem}.rsvpForm input,.rsvpForm select,.rsvpForm textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1f2937;font-family:inherit;font-size:1rem;margin-bottom:1rem;padding:.6rem;width:100%}.rsvpForm input:focus,.rsvpForm select:focus,.rsvpForm textarea:focus{border-color:#0000;outline:2px solid #38c0d4}.rsvpGuestCounts{display:flex;gap:1rem}.rsvpGuestCounts>div{display:flex;flex:1 1;flex-direction:column}.rsvpError{color:#dc2626;margin-bottom:1rem}.rsvpSubmitBtn{background:#fea842;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:.06em;padding:.9rem;transition:background .2s}.rsvpSubmitBtn:hover{background:#ea9127}.rsvpSubmitBtn:disabled{background:#fed3a0;cursor:not-allowed}@media screen and (max-width:480px){.rsvpDetails,.rsvpGuestCounts{flex-direction:column}.rsvpHeader h1{font-size:1.5rem}}