@font-face{font-family:Titillium Web;font-style:normal;font-weight:400;font-display:swap;src:url(../media/a62ab0e1e181adab-s.1eht-hs02q8n5.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Titillium Web;font-style:normal;font-weight:400;font-display:swap;src:url(../media/fd3f2d7cff5f3729-s.p.1aei8wprmdo8m.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Titillium Web Fallback;src:local(Arial);ascent-override:119.97%;descent-override:41.09%;line-gap-override:0.0%;size-adjust:94.44%}.titillium_web_fcc10f3a-module___9WRGq__className{font-family:Titillium Web,Titillium Web Fallback;font-style:normal;font-weight:400}.titillium_web_fcc10f3a-module___9WRGq__variable{--font-body:"Titillium Web", "Titillium Web Fallback"}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/50ee59b8239a8a7d-s.1ho1w40eicu5w.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/ecc8bf0452dc2096-s.35yqebyn5tr46.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/341c52ededdb8ccd-s.139rvjw0v9m36.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/c38db656d6c493f1-s.2irz9fb71ccx8.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/e39c2b2229c4a64f-s.2eriav091ipuy.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/d5f704c88769bd09-s.2t2dj_3vh1-lf.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/168780bcef321f4a-s.p.24oecd1t6y7b6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_e5a188b8-module__wmAcDG__className{font-family:Inter,Inter Fallback;font-style:normal;font-weight:500}.inter_e5a188b8-module__wmAcDG__variable{--font-nav:"Inter", "Inter Fallback"}
html{-webkit-tap-highlight-color:#0000;overflow-x:hidden}body{background:#000;margin:0;padding:0}body::-webkit-scrollbar{width:1px}:root{cursor:none}@media screen and (max-width:500px){.custom-cursor{display:none!important}}@media screen and (max-height:600px){.custom-cursor{display:none!important}}p,a,ul{font-family:var(--font-body),sans-serif}@media (max-height:451px){p,a,ul{font-size:16px!important}}a{color:#f5f5f5;text-decoration:none}.App{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow:hidden}.App h1,.App h2,.App h3{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.section-heads-h1{color:#f5f5f5;margin-top:.67em;margin-bottom:0;font-size:170px}.section-heads-h1 span{color:#6e52a1}@media screen and (max-width:1080px){.section-heads-h1{text-shadow:0 0 15px #000}}@media screen and (max-width:1260px){.section-heads-h1{font-size:140px}}@media screen and (max-width:1080px){.section-heads-h1{font-size:100px}}@media screen and (max-width:500px){.section-heads-h1{font-size:70px}}@media (max-height:680px) and (max-width:330px){.section-heads-h1{font-size:60px}}@media (max-height:451px){.section-heads-h1{font-size:50px}}.pointer{cursor:pointer}.project-links{flex-flow:wrap;align-items:center;gap:22px;width:-webkit-max-content;width:max-content;max-width:100%;min-height:40px;display:flex}.project-links span,.project-links a{cursor:pointer;white-space:nowrap;align-items:center;display:flex}.project-links p{margin-left:7px;font-weight:700}.custom-button{justify-content:center;align-items:center;width:-webkit-fit-content;width:fit-content;height:50px;padding:15px;font-weight:700;display:flex}@media screen and (max-width:920px){.custom-button{font-size:16px}}@media screen and (max-width:723px){.custom-button{font-size:17px}}@media screen and (max-width:602px){.custom-button{font-size:17px}}@media screen and (max-width:500px){.custom-button{font-size:16px}}@media (max-height:700px) and (max-width:375px){.custom-button{font-size:14px}}@media (max-height:680px) and (max-width:330px){.custom-button{font-size:14px}}.custom-button img{border:2px solid #373737;border-radius:50px;width:20px;margin-right:10px;padding:10px}
.error-container-404{text-align:center}.error-container-404 p{background:#ff000041;border:2px solid red;border-radius:3px;padding:10px 7px}.error-container-404 small{margin-top:16px;color:gray!important}.c-depth-1{z-index:2000;background-color:#0006;justify-content:center;align-items:flex-end;width:100%;height:100vh;display:flex;position:fixed;bottom:0}.c-depth{background:#121212;border-radius:0 25px 0 0;flex-direction:column;justify-content:center;align-items:center;width:90%;height:90vh;display:flex}@media screen and (max-width:1270px){.c-depth{height:80vh}}.c-depth .cancel-c{color:#fff;position:absolute;top:0;left:100%;transform:translate(-100%)}.c-depth input,.c-depth textarea{width:370px;height:30px;font-size:18px;font-family:var(--font-body),sans-serif;color:#fff;background:#1c1c1c;border:none;border-radius:5px;outline:none;padding:5px 15px}@media screen and (max-width:920px){.c-depth input,.c-depth textarea{font-size:16px}}@media screen and (max-width:723px){.c-depth input,.c-depth textarea{font-size:17px}}@media screen and (max-width:602px){.c-depth input,.c-depth textarea{font-size:17px}}@media screen and (max-width:500px){.c-depth input,.c-depth textarea{font-size:16px}}@media (max-height:700px) and (max-width:375px){.c-depth input,.c-depth textarea{font-size:14px}}@media (max-height:680px) and (max-width:330px){.c-depth input,.c-depth textarea{width:auto;margin-left:-1.1%;font-size:14px}}@media screen and (max-width:500px){.c-depth input,.c-depth textarea{width:90%}}.c-depth input::placeholder,.c-depth textarea::placeholder{color:gray}@media screen and (max-width:920px){.c-depth input::placeholder,.c-depth textarea::placeholder{font-size:16px}}@media screen and (max-width:723px){.c-depth input::placeholder,.c-depth textarea::placeholder{font-size:17px}}@media screen and (max-width:602px){.c-depth input::placeholder,.c-depth textarea::placeholder{font-size:17px}}@media screen and (max-width:500px){.c-depth input::placeholder,.c-depth textarea::placeholder{font-size:16px}}@media (max-height:700px) and (max-width:375px){.c-depth input::placeholder,.c-depth textarea::placeholder{font-size:14px}}@media (max-height:680px) and (max-width:330px){.c-depth input::placeholder,.c-depth textarea::placeholder{font-size:14px}}.c-depth textarea{height:200px}.c-d-1{justify-content:center;align-items:center;width:400px;display:flex}@media screen and (max-width:500px){.c-d-1{width:100%}.c-d-1 form{width:90%}}@media (max-height:680px) and (max-width:330px){.c-d-1 form{width:88%}}.c-d-1 p{color:#f5f5f5}.c-d-1 small{color:red;font-weight:500}.c-d-1 .loader{height:50px}.depth-c-h1{text-shadow:0 0 10px #000;position:absolute;top:-220px}@media screen and (max-width:1080px){.depth-c-h1{top:-150px}}@media screen and (max-width:500px){.depth-c-h1{top:-100px}}@media (max-height:680px) and (max-width:330px){.depth-c-h1{font-size:60px}}.form-control{justify-content:flex-end;width:100%;margin-top:10px;display:flex;position:relative}.form-control button{width:-webkit-fit-content;width:fit-content;height:50px;font-size:16px;font-family:var(--font-body),sans-serif;z-index:1000;color:#f5f5f5;background:0 0;border:none;outline:none;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute}.form-control button p{margin-right:10px}.form-control button img{background:#151515;border:2px solid #373737;border-radius:50px;width:20px;padding:10px}.hp-field{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;left:-9999px}
.contact-me{margin-top:50px;padding:5vh;position:relative}.contact-me small{color:#f5f5f5}.contact-me h1{text-align:center}@media screen and (max-width:500px){.contact-me h1{font-size:86px}}.contact-me .contact-me-container{border-top:1px solid gray;flex-direction:column;justify-content:center;align-items:center;padding-top:20px;display:flex}.contact-me .contact-me-container strong{transform:translate(-110px,2px)}@media screen and (max-width:500px){.contact-me .contact-me-container strong{font-size:15px;transform:translateY(-2px)}}.contact-me .contact-me-container strong a span{transform:translateY(15px)}@media screen and (max-width:500px){.contact-me .contact-me-container strong a span{display:none}}.contact-me .contact-me-container .social-links-aa{z-index:10;flex-direction:row;align-items:flex-end;display:flex;position:relative}.contact-me .contact-me-container .social-links-aa img{height:30px;margin:10px}@media screen and (max-width:500px){.contact-me .contact-me-container .social-links-aa img{height:25px;margin:6px}}
.header{color:#f5f5f5;z-index:100;background:linear-gradient(#0000006e .00005%,#0000);justify-content:space-between;align-items:center;width:100%;padding:0 15px 0 20px;font-size:22px;display:flex;position:fixed;top:0}.header .my-logo{letter-spacing:1.5px;font-weight:700}@media screen and (max-width:920px){.header .my-logo p,.header .my-logo a{font-size:16px}}@media screen and (max-width:723px){.header .my-logo p,.header .my-logo a{font-size:17px}}@media screen and (max-width:500px){.header .my-logo p,.header .my-logo a{font-size:16px}}@media (max-height:680px) and (max-width:330px){.header .my-logo p,.header .my-logo a{font-size:14px}}.header .menu{align-items:center;display:flex;transform:translate(-35px)}.header .menu .header-blog-link{letter-spacing:1.5px;text-transform:uppercase;color:#f5f5f5;opacity:.75;margin-right:22px;font-size:15px;font-weight:700;text-decoration:none;transition:opacity .25s}.header .menu .header-blog-link:hover{opacity:1}@media screen and (max-width:500px){.header .menu .header-blog-link{margin-right:16px;font-size:13px}}@media (max-height:680px) and (max-width:330px){.header .menu .header-blog-link{font-size:12px}}.header .menu .menu-icon{flex-direction:column;width:30px;margin-left:5px;display:flex}@media screen and (max-width:723px){.header .menu .menu-icon{transform:scale(.95)}}@media screen and (max-width:500px){.header .menu .menu-icon{transform:scale(.9)}}.header .menu .menu-icon span{border-bottom:2px solid #f5f5f5;border-radius:2px;margin-top:-2px;padding-bottom:5px;transition:all .3s}.header .menu .menu-icon span:first-of-type{width:25px}.header .menu .menu-icon span:nth-of-type(2){width:10px}.header .menu .menu-icon span:nth-of-type(3){width:17px}@media screen and (max-width:500px){.header{justify-content:space-between;align-items:center;width:100%;padding:0 15px 0 20px;font-size:22px;display:flex}.header .my-logo{letter-spacing:1.5px;font-weight:700}.header .menu{align-items:center;display:flex;transform:translate(-35px)}.header .menu .menu-icon{flex-direction:column;width:30px;margin-left:5px;display:flex}.header .menu .menu-icon span{border-bottom:2px solid #f5f5f5;border-radius:2px;margin-top:-2px;padding-bottom:5px;transition:all .3s}.header .menu .menu-icon span:first-of-type{width:25px}.header .menu .menu-icon span:nth-of-type(2){width:10px}.header .menu .menu-icon span:nth-of-type(3){width:17px}}
.nav-modal{z-index:100;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:0;overflow:hidden}.nav-modal .nav-links{color:#f5f5f5;z-index:100}.nav-modal .nav-links .nav-link-a{color:inherit;text-decoration:none;display:block}.nav-modal .nav-links h2{font-size:80px;font-weight:500;font-family:var(--font-nav),sans-serif;margin:0}@media screen and (max-width:1260px){.nav-modal .nav-links h2{font-size:70px}}@media screen and (max-width:1080px){.nav-modal .nav-links h2{font-size:60px}}@media screen and (max-width:500px){.nav-modal .nav-links h2{font-size:55px}}@media screen and (max-width:438px){.nav-modal .nav-links h2{font-size:50px}}@media screen and (max-width:380px){.nav-modal .nav-links h2{font-size:40px}}@media (max-height:680px) and (max-width:330px){.nav-modal .nav-links h2{font-size:40px}}@media (max-height:451px){.nav-modal .nav-links h2{font-size:35px}}.nav-modal .nav-links h2 span{color:#6e52a1}.navHeads-on-s{transition:all .3s}.navHeads-on-s:hover{text-shadow:0 2px 5px red}.s-l-nav{z-index:100;text-align:right;position:relative}@media screen and (max-width:960px){.s-l-nav{position:absolute;bottom:25px;right:160px}}@media screen and (max-width:740px){.s-l-nav{position:absolute;bottom:45px;right:-60px;transform:rotate(-90deg)}}@media screen and (max-width:682px){.s-l-nav{position:absolute;bottom:45px;right:-70px;transform:rotate(-90deg)}}@media screen and (max-width:560px){.s-l-nav{bottom:0;right:-90px}}@media screen and (max-width:438px){.s-l-nav{bottom:0;right:120px;transform:rotate(0)}}.s-l-nav p{color:#fff}@media screen and (max-width:560px){.s-l-nav p{display:none}}@media screen and (max-height:581px){.s-l-nav p{display:none}}.s-l-nav .links-v-a img{width:40px;height:40px;margin-left:15px}@media screen and (max-width:560px){.s-l-nav .links-v-a img{width:35px;height:35px}}@media screen and (max-width:380px){.s-l-nav .links-v-a img{display:none!important}}
.project-query-modal{z-index:15;color:#fff;text-align:center;background:#151515;border-radius:15px;width:270px;height:auto;padding:15px;position:fixed;top:calc(100vh - 15px);right:15px;transform:translateY(-100%);box-shadow:0 0 10px #000}.project-query-modal .btn-close{justify-content:flex-end;width:100%;display:flex;position:absolute;transform:translate(-7px,-50px)}.project-query-modal .por-q-container img{cursor:pointer;height:30px}@media screen and (max-width:500px){.project-query-modal .por-q-container img{height:25px}}