@import url(https://fonts.googleapis.com/css2?family=Gloock&display=swap);@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap);@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Josefin+Sans:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Raleway&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}*,body{margin:0}*{box-sizing:border-box;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:body-font;src:url(/static/media/MarkPro-Heavy.f9372e73.499ea6732b9f15cf58eb.woff2)}@font-face{font-family:second-font;src:url(/static/media/CircularStd-Book.205e19c8.c74f58eff2e3bd0ad5a0.woff2)}@font-face{font-family:third-font;src:url(/static/media/D-DINCondensed-Bold.965ab944.bfba8087cc35c0f4c26a.woff2)}.App{text-align:center}progress{-webkit-appearance:none;appearance:none;background:transparent;border:none;height:8px;left:0;position:fixed;top:0;width:100%;z-index:9}progress::-webkit-progress-bar{background:transparent}progress::-moz-progress-bar{background:linear-gradient(90deg,#0bd9d2,#8000ff)}progress::-webkit-progress-value{background:linear-gradient(90deg,#0bd9d2,#8000ff)}.App-link{color:#61dafb}.Header-wrapper{display:grid;grid-template-columns:1fr repeat(12,minmax(-webkit-min-content,6rem)) 1fr;grid-template-columns:1fr repeat(12,minmax(min-content,6rem)) 1fr;position:relative;width:100%}.Header-wrapper:before{background-image:url(/static/media/hand-left.c5d6f258c2bb1d7411a2.webp);height:20rem;left:0;top:4rem;width:10rem}.Header-wrapper:after,.Header-wrapper:before{background-repeat:no-repeat;background-size:contain;content:"";display:block;position:absolute}.Header-wrapper:after{background-image:url(/static/media/hand-right.162bbca06ad533d8134e.webp);bottom:4rem;height:30rem;right:0;width:15rem;z-index:-1}.header{grid-column:2/14;grid-row:2;margin-top:18rem;padding:0 6rem}.header-texts{align-items:start;display:flex;flex-direction:column;justify-content:space-between;margin-left:20px;opacity:0;position:relative;z-index:2}.header-line{background-color:#fff;height:100%;left:0;position:absolute;top:0;width:3px;z-index:1}.header-hero-text{color:#fff;font-family:body-font;font-size:80px;line-height:100%;text-align:left}.creativity{-webkit-text-fill-color:transparent;-webkit-animation:rainbow-animation 35s linear infinite;animation:rainbow-animation 35s linear infinite;-webkit-background-clip:text;background-image:linear-gradient(90deg,#0bd9d2,#ff41d9,#0bd9d2);background-size:400% 400%;transition:.3s ease-in-out}@-webkit-keyframes rainbow-animation{to{background-position:4500vh}}@keyframes rainbow-animation{to{background-position:4500vh}}.header-hero-btn{color:#fff;cursor:pointer;font-family:Bebas Neue,sans-serif;font-size:20px;letter-spacing:.2rem;margin-top:60px;text-decoration:none;transition:all .3s}.header-hero-btn:hover{letter-spacing:.6rem}.header-footer{align-items:center;display:flex;grid-column:1/15;grid-row:3;justify-content:space-between;margin-bottom:8rem;margin-top:12rem;padding:0 8rem}.icon-scroll,.icon-scroll:before{position:absolute}.icon-scroll{border-radius:25px;box-shadow:inset 0 0 0 1px #8000ff;height:70px;margin-top:-35px;width:40px}.icon-scroll:before{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:scroll;animation-name:scroll;background:#8000ff;border-radius:4px;content:"";height:8px;margin-left:-4px;top:8px;width:8px}@-webkit-keyframes scroll{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(46px);transform:translateY(46px)}}@keyframes scroll{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(46px);transform:translateY(46px)}}@-webkit-keyframes bounce{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounce{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.icons-div{align-items:center;display:flex;font-size:23px;justify-content:space-between;width:12rem}.icons-div a{color:#fff;opacity:60%;transition:all .2s ease-in}.icons-div a:hover{opacity:1;-webkit-transform:translateY(-6px);transform:translateY(-6px)}@media only screen and (max-width:1142px){.header{margin-top:17rem}.header-hero-text{font-size:62px}}@media only screen and (max-width:992px){.header-hero-text{font-size:42px}.Header-wrapper:after{bottom:0;height:35rem;width:15rem}}@media only screen and (max-width:780px){.header{grid-column:1/15;margin-top:15rem;padding:0 4rem}.Header-wrapper:before{height:14rem;top:7rem;width:7rem}.Header-wrapper:after{bottom:-7rem;height:31rem;width:11rem}.icon-scroll{display:none}.header-footer{margin-bottom:90px;margin-top:9rem;padding:0 4rem}.header-hero-btn{margin-top:35px}}@media only screen and (max-width:570px){.header{margin-top:12rem;padding:0 1rem}.Header-wrapper:before{height:12rem;top:5rem;width:6rem}.header-hero-text{font-size:37px}.header-hero-btn{margin-top:50px}.header-footer{padding:0 2rem}}@media only screen and (max-width:400px){.header-hero-text{line-height:40px}.header-footer{padding:0 1rem}}.navbar{align-items:center;backdrop-filter:blur(10.5px);-webkit-backdrop-filter:blur(6.5px);background:rgba(42,43,56,.5);border:1px solid hsla(0,0%,100%,.18);border-radius:20px;display:flex;justify-content:space-between;justify-self:center;margin-top:40px;padding:.1rem 2rem;position:fixed;width:50%;z-index:11}.navbar-brand{cursor:pointer;max-width:150px;min-height:50px;z-index:4}.logo{width:100%}.menu-button{background:none;border:none;cursor:pointer;display:flex;height:27px;justify-content:center;position:relative;transition:all .4s;width:50px;z-index:4}.menu-button span{background:#c4c4c4;border-radius:30px;display:block;height:4px;position:absolute;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:all .4s cubic-bezier(.68,-.55,.265,1.55);width:100%}.menu-button span:first-child{top:0}.menu-button span:nth-child(2){top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.menu-button span:nth-child(3){bottom:0}.menu-button.crossed span:first-child{-webkit-transform:rotate(45deg) translateX(3px);transform:rotate(45deg) translateX(3px)}.menu-button.crossed span:nth-child(2){-webkit-transform:scaleX(.1);transform:scaleX(.1)}.menu-button.crossed span:nth-child(3){-webkit-transform:rotate(-45deg) translateX(3px);transform:rotate(-45deg) translateX(3px)}.menu-button.crossed span:first-child{top:50%;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.menu-button.crossed span:nth-child(2){opacity:0}.menu-button.crossed span:nth-child(3){bottom:50%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.header-content-box{display:flex;overflow:hidden;position:relative}.main-menu{-ms-overflow-style:none;align-items:center;background-color:#050810;display:flex;height:100vh;justify-content:center;left:0;overflow:hidden;overflow-y:scroll;position:fixed;scrollbar-width:none;top:0;-webkit-transform-origin:left;transform-origin:left;width:0;z-index:10}.main-menu::-webkit-scrollbar{display:none}.menu-contents{display:flex;justify-content:space-evenly;opacity:0;width:80%}.menu-links{justify-content:center}.menu-contact,.menu-links{display:flex;flex-direction:column}.menu-contact span{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#b2f2f0,#fecfdf);-webkit-background-clip:text;color:#fff;font-family:Josefin Sans,sans-serif;font-size:34px}.menu-contact a{color:#fff;font-family:Bebas Neue,sans-serif;font-size:52px;margin-top:60px;text-decoration:none;transition:all .2s ease-in-out}.menu-contact a:hover{color:#64ffda}.menu-sociallinks{display:flex;flex-direction:column;margin-top:8rem;width:100%}.menu-sociallinks span{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#b2f2f0,#fecfdf);-webkit-background-clip:text;color:#fff;font-family:Josefin Sans,sans-serif;font-size:34px}.social-icons{display:flex;justify-content:space-evenly;margin-top:20px}.social-icons a{color:#fff;margin-top:40px;scale:1.5;transition:all .2s ease-in-out}.social-icons a:hover{color:#64ffda}.line-div,.menu-projects{align-items:center;display:flex}.line-div{flex-direction:column;margin:0 8rem}.line-div div{background-color:#fff;height:50px;margin:10px 0;width:2px}.line-div span{color:#fff;font-family:Bebas Neue,sans-serif;font-size:20px;letter-spacing:-5px;text-orientation:upright;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}.projects-box{display:flex;flex-direction:column;gap:20px;justify-content:space-between}.projects-box-card{cursor:pointer;font-family:Josefin Sans,sans-serif;font-size:2.2rem;height:13.8rem;letter-spacing:-.085em;line-height:130%;position:relative;text-decoration:none;transition:all .3s ease-in-out;width:18.5rem}.projects-box-card img{border-radius:3.5rem;-webkit-filter:brightness(60%);filter:brightness(60%);height:100%;-webkit-object-fit:cover;object-fit:cover;transition:all .3s ease-in-out;width:100%}.projects-box-card:hover{-webkit-filter:brightness(80%);filter:brightness(80%)}.projects-box-card span{color:#fff;left:10%;position:absolute;text-align:left;top:40%}@media only screen and (min-width:1142px){.projects-box-card{height:14.2rem;width:19rem}}@media only screen and (max-width:1142px){.projects-box-card{height:10.8rem;width:16.5rem}.line-div{margin:0 5rem}.projects-box{gap:5px}}@media only screen and (max-width:992px){.navbar{width:60%}.projects-box-card{height:10.5rem;width:15.5rem}.line-div{margin:0 3rem}}@media only screen and (max-width:780px){.navbar{margin-top:30px;padding:0 2rem;width:80%}.menu-button{height:26px;width:48px}.menu-button span{height:2px}.menu-projects{display:none}.menu-contact{align-items:start}.menu-contact span{text-align:start}.menu-sociallinks{align-items:start}.social-icons{gap:35px}}@media only screen and (max-width:570px){.navbar{padding:0 1rem}.navbar-brand{width:160px}}.preloader{background-color:#000;bottom:0;height:100vh;justify-content:center;left:0;position:fixed;right:0;width:100%;z-index:55}.preloader,.preloader .texts-container{align-items:center;color:#fff;display:flex;overflow:hidden}.preloader .texts-container{font-family:Gloock,serif;font-size:20px;font-weight:400;height:60px;justify-content:space-between;letter-spacing:.1rem;width:350px}.Works{display:grid;grid-template-columns:1fr repeat(12,minmax(-webkit-min-content,6rem)) 1fr;grid-template-columns:1fr repeat(12,minmax(min-content,6rem)) 1fr;min-height:100vh;overflow:hidden}.pro-texts{grid-column:2/14;padding:0 4rem}.intro-text{color:silver;font-family:second-font;font-weight:400;margin-bottom:12rem;max-width:700px;opacity:80%;text-align:left}.heading-1{font-family:body-font;font-size:40px;letter-spacing:-2px;text-align:start}.heading-1 span{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#b2f2f0,#fecfdf);-webkit-background-clip:text}.para{color:gray;font-size:20px;margin-top:5px;text-align:start}.projects-section{grid-column:2/14;padding:0 4rem}.pro-num{position:absolute;right:-20px;top:-40px}.pro-card{align-items:center;-webkit-backdrop-filter:blur(54px);backdrop-filter:blur(54px);background:linear-gradient(180deg,rgba(35,37,49,.5),rgba(15,15,24,.5));border:1px solid #20222e;border-radius:4rem;box-sizing:border-box;display:flex;justify-content:flex-start;margin:10rem auto;padding:4rem;position:relative;width:80%}.card-left{color:#8b8b8b;font-family:third-font;font-size:13px;letter-spacing:2px;margin-right:4rem;text-transform:uppercase;-webkit-transform:rotate(180deg);transform:rotate(180deg);word-spacing:5px;-webkit-writing-mode:tb-rl;writing-mode:tb-rl}.card-middle{background-position:50%;background-size:cover;border:none;border-radius:3rem;height:27rem;overflow:hidden;position:relative;width:20rem}.card-img{left:0;opacity:1;position:absolute;top:0;transition:.3s;width:100%}.active{z-index:1}.card-right{color:#fff;margin-left:4rem;text-align:left}.card-title{font-family:body-font;font-size:2.8rem;line-height:50px;padding-bottom:70px}.card-right>a{color:#cfcfcf;font-size:17px;letter-spacing:1px;text-decoration:none;text-transform:uppercase}@media only screen and (min-width:1142px){.card-middle:hover .active{opacity:0}}@media only screen and (max-width:1142px){.card-left{display:none}.pro-card{flex-direction:column;padding:3rem;width:60%}.card-middle{border-radius:2.5rem;height:21rem;width:18rem}.card-title{font-size:2.2rem;line-height:40px;padding-bottom:30px}.card-right{align-self:flex-start;margin:20px 0 0}.card-right>a{font-size:15px}}@media only screen and (max-width:780px){.projects-section{grid-column:1/15}.intro-text{font-size:13px;justify-self:start}.intro-text br{display:none}.heading-1{font-size:30px}.pro-card{width:85%}.card-middle{height:21rem;width:15rem}.pro-num{width:7rem}}@media only screen and (max-width:570px){.pro-texts{padding:0 2rem}.intro-text{margin-bottom:8rem}.projects-section{padding:0 2rem}.heading-1{font-size:24px}.para{font-size:19px}.pro-card{border-radius:2.3rem;margin:8rem auto;padding:2rem;width:90%}.card-middle{height:19rem;width:14rem}.card-title{font-size:1.8rem;line-height:30px}.pro-num{width:5rem}.card-right>a{font-size:13px}}@media only screen and (max-width:400px){.pro-texts,.projects-section{padding:0 1rem}.heading-1{font-size:21px}.para{font-size:16px}}#about{background-color:#050810;display:grid;grid-template-columns:1fr repeat(12,minmax(-webkit-min-content,6rem)) 1fr;grid-template-columns:1fr repeat(12,minmax(min-content,6rem)) 1fr;padding:5rem 4rem}.about-hero-text{font-size:60px;grid-column:2/14;margin-bottom:40px;text-align:start}.about-hero-text span{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#b2f2f0,#fecfdf);-webkit-background-clip:text;font-family:body-font;letter-spacing:-2px}.about-content-box{grid-gap:50px;display:grid;gap:50px;grid-column:2/14;grid-template-columns:3fr 2fr}.main-para{color:#7096bd;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:17px;margin-bottom:20px}.main-para a{color:#64ffda;cursor:pointer;text-decoration:none;transition:letter-spacing .2s ease}.main-para a:hover{letter-spacing:2px}.about-texts-wrapper{text-align:left}ul{grid-gap:0 10px;display:grid;gap:0 10px;grid-template-columns:repeat(2,minmax(140px,200px));list-style:none;margin:20px 0 0;overflow:hidden;padding:0}li{color:#4b6177;font-family:Josefin Sans,sans-serif;margin-bottom:10px;padding-left:20px;position:relative;text-align:left}li:before{color:#64ffda;content:">";font-size:18px;left:0;line-height:16px;position:absolute}.about-image-wrapper{max-width:300px;position:relative}.dev-wrapper{display:block;-webkit-filter:grayscale(100%) brightness(85%);filter:grayscale(100%) brightness(85%);min-height:300px;position:relative;transition:all .2s ease-in-out;width:300px}.dev-wrapper:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}.dev-wrapper:after{background-color:#050810;border:2px solid #64ffda;border-radius:5px;content:"";display:block;height:100%;left:40px;position:absolute;top:40px;transition:all .2s ease-in-out;width:100%;z-index:0}.dev-wrapper:hover:after{left:20px;top:20px}.developer{border:.1px solid #4b6177;border-radius:5px;position:relative;width:100%;z-index:1}@media only screen and (max-width:780px){.about-content-box{align-items:center;display:flex;flex-direction:column}.about-image-wrapper{width:70%}.dev-wrapper:after{display:none}}@media only screen and (max-width:570px){#about{padding:3rem 2rem}.about-hero-text{font-size:40px;margin-bottom:20px}.about-image-wrapper{width:auto}.dev-wrapper{min-height:200px;width:200px}}@media only screen and (max-width:400px){#about{padding:2rem 1rem}.dev-wrapper:after{left:30px;top:30px}}.contact-section{display:grid;grid-template-columns:1fr repeat(12,minmax(-webkit-min-content,6rem)) 1fr;grid-template-columns:1fr repeat(12,minmax(min-content,6rem)) 1fr;padding:5rem 4rem}.contact-hero-text{font-size:50px;grid-column:2/14;text-align:left}.contact-hero-text span{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#b2f2f0,#fecfdf);-webkit-background-clip:text;font-family:body-font}.contact-para{color:#c1c1c1;font-family:second-font;font-size:40px;font-weight:500;grid-column:2/14;line-height:45px;margin-top:40px;text-align:left}.contact-para a{color:#fff;font-family:body-font;text-decoration:none;text-transform:lowercase;transition:.3s}.contact-para a:hover{color:aqua}@media only screen and (max-width:570px){.contact-section{padding:5rem 2rem}.contact-hero-text{font-size:40px}.contact-para{font-size:24px;letter-spacing:0;line-height:35px}.contact-para a{font-size:30px}}@media only screen and (max-width:400px){.contact-section{padding:4rem 1rem}.contact-hero-text{font-size:30px}.contact-para{font-size:20px;line-height:30px;margin-top:20px}}.social-section{display:grid;grid-template-columns:1fr repeat(12,minmax(-webkit-min-content,6rem)) 1fr;grid-template-columns:1fr repeat(12,minmax(min-content,6rem)) 1fr;padding:0 4rem}.social-hero-text{font-family:body-font;font-size:50px;grid-column:2/14;letter-spacing:-2px;text-align:start}.social-hero-text span{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#b2f2f0,#fecfdf);-webkit-background-clip:text}.social-sub-title{color:#fff;font-family:Raleway,sans-serif;font-size:20px;grid-column:2/14;margin-top:10px;text-align:start}.social-links{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-column:2/14;grid-template-columns:1fr 1fr 1fr;justify-content:center;justify-self:start;margin:50px 0}.social-links a{color:#fff;font-family:Bebas Neue,sans-serif;font-size:25px;letter-spacing:1px;text-decoration:none;transition:all .2s ease}.social-icon{align-items:center;display:flex;flex-direction:row;justify-content:center}.social-icon span{margin-left:3px}.social-links a:last-child{text-align:start}.social-links a:hover{color:#64ffda;-webkit-transform:translateY(-4px);transform:translateY(-4px)}@media only screen and (max-width:780px){.social-links a{font-size:21px}}@media only screen and (max-width:570px){.social-section{padding:0 2rem}.social-hero-text{font-size:40px}.social-links{width:100%}.social-links a{font-size:21px;text-align:start}.social-links a:nth-child(2){margin-left:14px}}@media only screen and (max-width:400px){.social-section{padding:0 1rem}.social-hero-text{font-size:30px}.social-sub-title{font-size:19px}.social-links{margin:30px 0}.social-links a{font-size:18px}}.footer-line{border:1px solid #fff;border-radius:100%;margin:0 auto;opacity:60%;width:95%}.footer-div{display:flex;justify-content:space-between;padding:20px 40px}.footer-one-div{align-items:center;display:flex;justify-content:space-around;text-decoration:none}.footer-one-div img{width:50px}.footer-one-div span{color:#fff;font-size:14px;margin-left:10px}.footer-two-div{align-items:center;display:flex;justify-content:center}.footer-two-div a{color:#90b0d2;font-size:20px;transition:color .2s ease}.footer-two-div a:hover{color:#fff}@media only screen and (max-width:570px){.footer-div{padding:10px 20px}}@media only screen and (max-width:400px){.footer-div{padding:10px 1rem}.footer-one-div img{width:40px}.footer-one-div span{font-size:12px}}
/*# sourceMappingURL=main.2d678576.css.map*/