body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;justify-content:center;margin:0;min-height:100%;overflow-x:hidden;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:SFProR;font-weight:700;src:local("SFProR"),url(/static/media/SFProDisplay-Regular.1e1c0e29b79b49a6ff4d.ttf) format("truetype")}@font-face{font-family:SFProB;font-weight:700;src:local("SFProN"),url(/static/media/SFProDisplay-Bold.aa9f6c109f0b3947dac2.ttf) format("truetype")}@font-face{font-family:SFProT;font-weight:700;src:local("SFProT"),url(/static/media/SFProDisplay-Thin.d0f113527cb2352c0c39.ttf) format("truetype")}@font-face{font-family:SFProU;font-weight:700;src:local("SFProU"),url(/static/media/SFProDisplay-Ultralight.188382ad441e91b20ca0.ttf) format("truetype")}@font-face{font-family:SFProH;font-weight:700;src:local("SFProH"),url(/static/media/SFProDisplay-Heavy.96e8a144fc79254298ef.ttf) format("truetype")}::selection{-webkit-text-fill-color:#b700ff;background:-webkit-linear-gradient(45deg,#ff9090,#e4a9ff,#ffaafb)}.App{align-items:center;background-color:#000;display:flex;flex-direction:column;justify-content:center;text-align:center;width:100%}.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)}}@media screen and (max-width:1200px){.App{overflow-x:hidden}}.Background{background-attachment:fixed;background-image:url(/static/media/background.eaa0ad8fda66ef21fd5a.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:4rem;height:100vh;position:relative;width:100vw}.firstpageContent{align-items:center;display:grid;flex-direction:column;font-size:80px;grid-template-columns:6rem 80rem 20rem 20rem;grid-template-rows:29rem 7rem 8rem 6rem;text-align:left}.Header{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:header;animation-name:header;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;font-family:SFProT;font-size:80px;grid-column-end:3;grid-column-start:2;grid-row-end:3;grid-row-start:2;position:relative;visibility:hidden}@-webkit-keyframes header{0%{bottom:20px;opacity:0}to{bottom:0;opacity:1;visibility:visible}}@keyframes header{0%{bottom:20px;opacity:0}to{bottom:0;opacity:1;visibility:visible}}.subHeader{-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:subheader;animation-name:subheader;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;font-family:SFProU;font-size:50px;grid-column-end:3;grid-column-start:2;grid-row-end:4;grid-row-start:3;position:relative;visibility:hidden}@-webkit-keyframes subheader{0%{bottom:20px;opacity:0}to{bottom:0;opacity:1;visibility:visible}}@keyframes subheader{0%{bottom:20px;opacity:0}to{bottom:0;opacity:1;visibility:visible}}.buttons{align-items:center;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:buttons;animation-name:buttons;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;display:flex;grid-column-end:3;grid-column-start:2;grid-row-end:5;grid-row-start:4;justify-content:flex-start;position:relative}@-webkit-keyframes buttons{0%{bottom:20px;opacity:0}to{bottom:0;opacity:1}}@keyframes buttons{0%{bottom:20px;opacity:0}to{bottom:0;opacity:1}}@media screen and (max-width:1200px){*{transition:none!important}.Background{background-attachment:local;background-image:url(/static/media/background.eaa0ad8fda66ef21fd5a.jpg);background-position:13%}.firstpageContent{align-items:center;display:grid;flex-direction:column;grid-template-columns:6% 1fr 6%;grid-template-rows:20rem 6rem 8rem 6rem;text-align:center}.Header{font-size:50px}.subHeader{font-size:30px}.buttons{justify-content:center}}@media screen and (min-width:1210px) and (max-width:1910px){.firstpageContent{grid-template-columns:3rem 80rem 20rem 20rem;grid-template-rows:22rem 4rem 7rem 5rem}.Header{font-size:60px}.subHeader{font-size:40px}}button{border:none;border-radius:50px;cursor:pointer;font-family:SFProR;font-size:1rem;height:3rem;margin-right:15px;width:10rem}.black{background-color:transparent;border:1px solid #000;color:#000;transition:.3s}.black:hover{background-color:#000}.black:hover,.white{color:#fff;transition:.3s}.white{background-color:transparent;border:1px solid #fff}.white:hover{background-color:#fff;color:#000;transition:.3s}.welcomeButton{background-color:transparent;border:1px solid #000;border-radius:50px;color:#000;font-size:18px;transition:.2s}.welcomeButton:hover{background-color:#000;border:1px solid #000}.preContactButton,.welcomeButton:hover{color:#fff;font-size:18px;transition:.2s}.preContactButton{background-color:transparent;border:1px solid #fff;border-radius:50px}.preContactButton:hover{background-color:#fff;border:1px solid #fff;color:#000;font-size:18px;transition:.2s}@media screen and (max-width:1200px){button{border:none;border-radius:50px;cursor:pointer;font-family:SFProR;font-size:1rem;height:2.5rem;margin-right:15px;width:8rem}}.modal-img{width:34vw}.modal-img,.modal-img:hover{align-items:center;display:flex;justify-content:center}.css-i9fmh8-MuiBackdrop-root-MuiModal-backdrop{background-color:rgba(0,0,0,.6)!important}.modal-modal{align-items:center;display:flex;justify-content:center}@media screen and (max-width:1200px){.modal-img{align-items:center;display:flex;justify-content:center;width:95vw}}.second-page-background{background-image:url(/static/media/06F1.e033fef3490dc6b969b0.jpg);background-repeat:no-repeat;background-size:cover;bottom:4rem;height:115vh;position:relative;width:100vw}.second-page-content{grid-template-rows:12rem 9rem}.second-page-content,.second-page-content-hide{align-items:center;display:grid;flex-direction:column;font-size:80px;grid-template-columns:47rem 90rem;text-align:left}.second-page-content-hide{display:none;grid-template-rows:15rem 12rem}.aboutForMobile,.second-page-headerMobile{display:none}.second-page-header{-webkit-animation:type 1.1s steps(60) forwards;animation:type 1.1s steps(60) forwards;font-family:SFProT;font-size:60px;grid-column-end:3;grid-column-start:2;grid-row-end:3;grid-row-start:2;opacity:0;overflow:hidden;-webkit-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:0}.second-page-text{font-family:SFProU;font-size:43px;grid-column-end:3;grid-column-start:2;grid-row-end:4;grid-row-start:3;line-height:3rem;width:1000px}.firstLine{-webkit-animation:type 1.5s steps(60) forwards;animation:type 1.5s steps(60) forwards;-webkit-animation-delay:.5s;animation-delay:.5s}.firstLine,.secondLine{opacity:0;overflow:hidden;-webkit-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:0}.secondLine{-webkit-animation:type 1.5s steps(60) forwards;animation:type 1.5s steps(60) forwards;-webkit-animation-delay:1.2s;animation-delay:1.2s}.thirdLine{-webkit-animation:type 1.5s steps(60) forwards;animation:type 1.5s steps(60) forwards;-webkit-animation-delay:1.9s;animation-delay:1.9s}.forthLine,.thirdLine{opacity:0;overflow:hidden;-webkit-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:0}.forthLine{-webkit-animation:type 1.5s steps(60) forwards;animation:type 1.5s steps(60) forwards;-webkit-animation-delay:2.8s;animation-delay:2.8s}@-webkit-keyframes type{0%{opacity:1}to{opacity:1;width:30em}}@keyframes type{0%{opacity:1}to{opacity:1;width:30em}}mark.mark{background-color:transparent;color:#000;font-family:SFproR}@media screen and (max-width:1200px){*{transition:none!important}.second-page-background{background-image:url(/static/media/06F1Mobile.31c0ae87b348124dd0a3.jpg);background-position:19%;background-repeat:no-repeat;background-size:cover;bottom:4rem;display:grid;grid-template-columns:1rem 21.2rem;grid-template-rows:5rem 4rem;height:100vh;position:relative;text-align:left;width:100vw}.second-page-content{display:none}.aboutForMobile{font-size:22px;grid-row-end:4;grid-row-start:3;line-height:2.5rem;width:90vw}.aboutForMobile,.second-page-headerMobile{display:block;font-family:SFProT;grid-column-end:3;grid-column-start:2}.second-page-headerMobile{font-size:33px;grid-row-end:3;grid-row-start:2}.firstLine,.forthLine,.second-page-content-hide,.secondLine,.thirdLine{display:none}}@media screen and (min-width:1210px) and (max-width:1910px){.second-page-header{font-size:44px}.second-page-text{font-size:33px}.second-page-content{grid-template-columns:37rem 60rem;grid-template-rows:6rem 9rem}}.portfolio-background{bottom:4rem;height:100%;position:relative;width:100vw}.portfolio-container{height:100%;width:100%}.project1{background-attachment:fixed;background-image:url(/static/media/project1.70e1e1aa380e65bc7e64.jpg);background-position:50% 49%;background-repeat:no-repeat;background-size:100%;display:grid;grid-template-columns:63% 33%;grid-template-rows:18% 10% 20% 12%;height:75vh;width:100%}.project1-header{font-family:SFProT;font-size:45px;grid-column-end:3;grid-column-start:2;grid-row-end:3;grid-row-start:2;text-align:left}.project1-sum{grid-row-end:4;grid-row-start:3}.project1-data,.project1-sum{font-family:SFProT;font-size:34px;grid-column-end:3;grid-column-start:2;text-align:left}.project1-data{grid-row-end:5;grid-row-start:4}.project1-buttons{grid-column-end:3;grid-column-start:2;grid-row-end:6;grid-row-start:5;text-align:left}.project2{background-attachment:fixed;background-image:url(/static/media/project2.80e9cac3553e0c1a4a5e.jpg);background-position:50% 100%;background-repeat:no-repeat;background-size:100%;color:#fff;display:grid;grid-template-columns:3% 34%;grid-template-rows:22% 12% 14% 18%;height:75vh;width:100%}.project2-header{font-family:SFProT;font-size:45px;grid-column-end:3;grid-column-start:2;grid-row-end:3;grid-row-start:2;text-align:left}.project2-sum{grid-row-end:4;grid-row-start:3}.project2-data,.project2-sum{font-family:SFProT;font-size:34px;grid-column-end:3;grid-column-start:2;text-align:left}.project2-data{grid-row-end:5;grid-row-start:4}.project2-buttons,.project2Mobile-buttons{grid-column-end:3;grid-column-start:2;grid-row-end:6;grid-row-start:5;text-align:left}.project2Mobile-buttons{display:none}.project3{background-attachment:fixed;background-image:url(/static/media/project3.16273bc8eb882d0d5460.jpg);background-position:50% -15%;background-repeat:no-repeat;background-size:cover;display:grid;grid-template-columns:3% 50%;grid-template-rows:18% 10% 25% 17%;height:75vh;max-width:100%;transition:none}.project3-header{font-family:SFProT;font-size:45px;grid-column-end:3;grid-column-start:2;grid-row-end:3;grid-row-start:2;text-align:left}.project3-sum{grid-row-end:4;grid-row-start:3}.project3-data,.project3-sum{font-family:SFProT;font-size:34px;grid-column-end:3;grid-column-start:2;text-align:left}.project3-data{grid-row-end:5;grid-row-start:4}.project3-buttons{grid-column-end:3;grid-column-start:2;grid-row-end:6;grid-row-start:5;text-align:left}.project4{background:linear-gradient(180deg,#cfcac6,#ffe3cc)}@media screen and (max-width:1200px){.project1{background-attachment:local;background-image:url(/static/media/project1Mobile.456e4f6a710ce0e2a78a.jpg);grid-template-columns:8% 1fr 8%;grid-template-rows:7% 8% 13.5% 11%;height:85vh}.project1-header{font-family:SFProT;font-size:30px;grid-column-end:3;grid-column-start:2;grid-row-end:3;grid-row-start:2;text-align:left}.project1-sum{grid-row-end:4;grid-row-start:3}.project1-data,.project1-sum{font-family:SFProT;font-size:20px;grid-column-end:3;grid-column-start:2;text-align:left}.project1-data{grid-row-end:5;grid-row-start:4}.project1-buttons{grid-column-end:3;grid-column-start:2;grid-row-end:6;grid-row-start:5;text-align:center}.project2{background-attachment:local;background-image:url(/static/media/project2Mobile.26bed342dcf4ba2e9409.jpg);grid-template-columns:8% 1fr 8%;grid-template-rows:7% 8% 8.4% 18%;height:85vh}.project2-header{color:#000;font-size:30px}.project2-data,.project2-sum{color:#000;font-size:20px}.project2-buttons{display:none}.project2Mobile-buttons{color:#000;display:block;font-size:22px;text-align:center}.project3{background-attachment:local;background-image:url(/static/media/project3Mobile.b8bb636acefff7854842.jpg);background-position:50% 70%;grid-template-columns:8% 1fr 8%;grid-template-rows:7% 6% 16% 10%;height:105vh}.project3-header{font-family:SFProT;font-size:30px;grid-column-end:3;grid-column-start:2;grid-row-end:3;grid-row-start:2;text-align:left}.project3-sum{grid-row-end:4;grid-row-start:3}.project3-data,.project3-sum{font-family:SFProT;font-size:20px;grid-column-end:3;grid-column-start:2;text-align:left}.project3-data{grid-row-end:5;grid-row-start:4}.project3-buttons{grid-column-end:3;grid-column-start:2;grid-row-end:6;grid-row-start:5;text-align:center}}@media screen and (min-width:1210px) and (max-width:1910px){.project1{background-attachment:fixed;grid-template-columns:63% 33%;grid-template-rows:23% 10% 21% 12%}.project1-header{font-size:35px}.project1-data,.project1-sum{font-size:25px}.project2{background-attachment:fixed;grid-template-columns:3% 33%;grid-template-rows:23% 10% 15% 17%}.project2-header{font-size:35px}.project2-data,.project2-sum{font-size:25px}.project3{background-attachment:fixed;grid-template-columns:3% 33%;grid-template-rows:21% 10% 26.4% 17%}.project3-header{font-size:35px}.project3-data,.project3-sum{font-size:25px}}.pre-contact{background:linear-gradient(0deg,#000,#151515);bottom:4rem;color:#fff;font-family:SFProU;font-size:80px;height:95vh;position:relative;width:100%}.pre-contact,.pre-contact-text{align-items:center;display:flex;justify-content:center}.pre-contact-text{flex-direction:column}.pre-contact-buttons{align-items:center;display:flex;justify-content:center;margin-top:4rem}@media screen and (max-width:1200px){.pre-contact{font-size:45px}.pre-contact-text{width:80%}}@media screen and (min-width:1210px) and (max-width:1910px){.pre-contact{height:115vh}}.contact-container{background-color:#000;bottom:4rem;height:67vh;position:relative}.contact-container,.contact-map-container{align-items:center;display:flex;justify-content:center;width:100%}.contact-map-container{height:100%}.contact-map{background-image:url(/static/media/map.0d6f6c2e9e4a5840e576.png);background-repeat:no-repeat;background-size:cover;height:100%;width:80%}.contact-text-container{color:#fff;height:91%;text-align:left;width:100%}.contact-text{align-items:flex-start;display:flex;flex-direction:column;font-family:SFProT;font-size:30px;height:100%;justify-content:flex-start;margin-left:5rem;width:80%}.contact-header{font-size:40px;margin-bottom:2rem}.contact-about{font-size:25px;line-height:40px;margin-bottom:6rem}.linkedin a{color:#fff;color:#ffbc6f;left:0;position:relative;text-decoration:none;transition:.3s}.linkedin{margin-bottom:2rem}.linkedin a:hover{color:#a557ff;left:10px;text-decoration:none}.contact-name,.linkedin a:hover{position:relative;transition:.3s}.contact-name{color:#ffbc6f;left:0;margin-bottom:2rem}.contact-name:hover{color:#a557ff;left:10px;position:relative;transition:.3s}.contact-tel{color:#ffbc6f;left:0}.contact-tel,.contact-tel:hover{position:relative;transition:.3s}.contact-tel:hover{color:#a557ff;left:10px}.contact-mail{margin-top:2rem}@media screen and (max-width:1200px){.contact-text{display:flex;font-family:SFProT;font-size:22px;margin-left:2rem}.contact-map,.contact-map-container{display:none}.contact-container{height:104vh}}@media screen and (min-width:1210px) and (max-width:1910px){.contact-container{height:94vh;width:100%}}.css-ki1hdl-MuiAlert-action{display:none!important}.contact-email{color:#ffbc6f;left:0;position:relative;transition:1s;transition:.3s}.contact-email:hover{color:#a557ff;cursor:pointer;left:10px;position:relative;transition:.3s}.css-1mzcepu{display:none!important}.Navbar{align-items:center;-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:nonActive;animation-name:nonActive;background-color:transparent;display:flex;height:4rem;justify-content:center;position:-webkit-sticky;position:sticky;top:0;width:100vw;z-index:1000}@-webkit-keyframes nonActive{0%{background-color:#000}to{background-color:transparent}}@keyframes nonActive{0%{background-color:#000}to{background-color:transparent}}.Navbar.active{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:active;animation-name:active;background-color:yellow(93,93,99);z-index:1000}@-webkit-keyframes active{0%{background-color:transparent}to{background-color:#000}}@keyframes active{0%{background-color:transparent}to{background-color:#000}}.NavbarContent{align-items:center;display:flex;height:100%;justify-content:space-between;padding:4rem;width:100%}.NavbarLogoWrapper{align-items:center;display:flex;justify-content:center;width:17.6rem}.NavbarLogo{background-image:url(/static/media/logo.5e80e4db4f3c8b4a5f88.png)}.NavbarLogo,.NavbarLogoColor{background-repeat:no-repeat;background-size:cover;height:1.74rem;margin-right:.6rem;width:1.65rem}.NavbarLogoColor{background-image:url(/static/media/logoColor.911eb00ba55c42180614.png)}.NavbarLogoText{color:#fff;font-family:SFProR;font-size:1.1rem;letter-spacing:3px}.NavbarLinks,.NavbarLogoText{align-items:center;display:flex;justify-content:center}.NavbarLinks{flex-direction:row;font-size:17px;width:30%}li{align-items:center;display:flex;font-family:SFProT;justify-content:center;letter-spacing:1px;list-style-type:none;margin:1rem}li,li:hover{color:#fff;transition:.3s}li:hover{border:1px solid #fff;border-radius:50px;cursor:pointer;padding:8px 25px}@media screen and (max-width:1200px){li{display:none}.NavbarContent{padding:0}.NavbarLogoWrapper{align-items:center;display:flex;justify-content:center;width:17.6rem}.NavbarLogo{background-image:url(/static/media/logo.5e80e4db4f3c8b4a5f88.png);background-repeat:no-repeat;background-size:cover;height:1.6rem;margin-right:.6rem;width:1.5rem}.NavbarLogoText{align-items:center;color:#fff;display:flex;font-family:SFProR;font-size:1.2rem;justify-content:center;letter-spacing:3px}.NavbarLogoColor{background-image:url(/static/media/logoColor.911eb00ba55c42180614.png);background-repeat:no-repeat;background-size:cover;height:1.6rem;margin-right:.6rem;width:1.5rem}.Navbar{position:static;position:-webkit-static}}
/*# sourceMappingURL=main.37909f67.css.map*/