body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:Comforter,cursive;font-family:IBM Plex Sans,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media (max-width:960px){.burger{display:flex;position:fixed;right:5%}}@media (max-width:800px){.burger{display:flex;position:relative;right:0}}:root{--service-box-bg:#faf8fc}h2,h3,h4,h5{color:#424242;color:var(--heading-color)}.homecontainer{height:90vh;margin:0!important;overflow-x:hidden!important;overflow-y:hidden!important;position:relative;transition:all .3s ease;width:100%}.darkmode{--service-box-bg:#2c2c2c;--service-box-border:#393939}.hometxtbox a{text-decoration:none}.mobilenav{opacity:.5}.activemobilenav{opacity:1}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}body{--bg-color:#fff;background-color:#fff;background-color:var(--bg-color);height:100vh;margin:0!important;overflow-x:hidden!important;position:relative;width:100%}.main-head,body{transition:all .3s ease}.main-head{z-index:130!important}.main-head,header{background-color:initial}header{align-items:center;display:flex;height:10vh;justify-content:space-between;margin:0 auto;width:90%;z-index:130}.logo{animation:sliddown 1s linear forwards;color:#424242;color:var(--heading-color);font-size:x-large;font-weight:700;text-decoration:none}@keyframes slidedown{0%{transform:translateY(-100px)}to{transform:translateY(0)}}nav ul{align-items:center;display:flex;justify-content:center;list-style:none;position:fixed;right:5%;top:0;z-index:130}nav ul li{margin-left:.25rem}nav ul li a{border-radius:8px;color:#fff;font-weight:500;line-height:28.13px;padding:.4rem 1rem;text-decoration:none}.active{border:1px solid #fff}#togglebtn,#togglebtnmob{all:unset;background-color:hsla(0,0%,100%,.404);border-radius:8px;color:#fff;cursor:pointer;display:grid;font-size:1.3rem;height:35px;padding:0;place-items:center;width:35px}#togglebtnmob,.burger{color:#fff;display:none}.background_gradient{all:unset;animation:linearbgani .8s linear forwards;height:100vh;position:absolute;text-align:right;-webkit-user-select:none;user-select:none;width:70vw;z-index:-99}.otherpagebg{animation:none!important;right:100%}.background_gradient img{height:1903px;max-height:100%;max-width:100%;-webkit-user-select:none;user-select:none;width:1977px}@keyframes linearbgani{0%{right:-100%}to{right:0}}h1{font-family:Righteous,cursive;font-size:48px;font-weight:700;transition:all .3s ease}.animatedboybox{bottom:0;height:auto;position:fixed;right:0;width:auto;z-index:-1!important}.speechcloud{animation:popupcloud 1s linear forwards;animation-delay:.5s;height:300px;opacity:0;position:absolute;right:75%;transition:all .3s ease-in;width:300px}@keyframes popupcloud{0%{transform:scale(.1)}to{opacity:1;transform:scale(1)}}.speech{font-family:righteous,sans-serif;font-size:large;left:40%;max-width:200px;padding-left:1rem;position:absolute;text-transform:capitalize;top:40%;transform:translate(-50%,-50%);transition:all .3s ease-in;z-index:112}.speechcloud img{max-height:100%;max-width:100%;transform:scale(2)}.animatedboybox img{animation:imagein .8s linear forwards;border-radius:40% 30% 0 0;height:75vh;min-width:auto;-webkit-user-select:none;user-select:none;z-index:-100!important}@keyframes imagein{0%{transform:translateY(100%)}to{transform:translate(-20px,4px)}}.animatedboybox img:hover{cursor:pointer}.hometxtbox{height:auto;margin-left:5%;max-width:70%;position:fixed;top:15vh}.hometxtbox h1 div{max-width:90%;width:300px}.hometxtbox p{color:#484848;color:var(--paragraph-color);line-height:1.7;max-width:100%;padding-right:1rem;transition:all .3s ease;width:440px}.hometxtbox button{all:unset;background:linear-gradient(90deg,#0029ff,#41a1f9);border-radius:20px;box-shadow:2px 5px 4px #00000040;color:#fff;cursor:pointer;font-size:1.2rem;height:50px;text-align:center;width:200px}.mobilenav{background-color:#ebebeb;background-color:var(--mobile-nav-bg);border-radius:50% 0 50% 50%;height:50px;position:fixed;transform:translate(120vw);transition:all .5s ease-in-out;width:50px;z-index:52!important}.activemobilenav{border-radius:0;height:90vh;transform:translate(0);width:100%}.mobilenav ul{align-items:center;display:flex;flex-direction:column;height:80%;justify-content:space-around;list-style:none;padding:1rem 0;width:100%}.mobilenav ul li a{border-color:#424242;border-color:var(--heading-color);border-radius:8px;color:#1d1d1d;color:var(--mobil-nav-link-color);padding:1rem 4rem;text-decoration:none}@keyframes navdown{0%{transform:translateX(-100vw)}to{transform:translateX(0)}}.socialmedia{align-items:center;border-radius:8px;bottom:5vh;display:flex;justify-content:space-around;margin-left:5%;max-width:auto;min-height:40px;min-width:230px;position:fixed}.socialmedia a{background:linear-gradient(45deg,#0088f8,#5959fd) border-box;border-radius:8px;color:#f3f3f3;font-size:1.5rem;margin-right:10px;padding:.5rem .8rem;transition:all .3s ease}.socialmedia a:hover{transform:translateY(-20%)}.socialmedia a i{width:100%}@media (max-width:480px){.socialmedia{border:none;bottom:2vh;color:#fff!important;left:50%;margin:0;max-width:80%;transform:translate(-50%)}.socialmedia a{background:linear-gradient(45deg,#0088f8,#5959fd) border-box;border-radius:8px;color:#f3f3f3;font-size:1.2rem;margin-right:10px;padding:.2 .5rem}}@media (max-width:1140px){.speechcloud{display:none}}@media (max-width:960px){nav{display:none;z-index:999}.burger{display:flex;z-index:120;z-index:999}.burger,.ham{-webkit-user-select:none;user-select:none}.ham{border:1px solid #ccc;border-radius:6px;cursor:pointer;display:grid;padding:.5rem;place-items:center}#togglebtnmob{display:grid;margin:0 10px}}@media screen and (max-width:800px){body{background-color:#fff;background-color:var(--bg-color);overflow-x:hidden!important}.logo{color:#f3f3f3!important}h1{color:#424242;color:var(--heading-color)}p{color:#484848;color:var(--paragraph-color)}.hometxtbox{display:block;margin:-5vh auto 0;max-width:100vw;padding:0 2rem;position:relative;z-index:50}.hometxtbox p{width:50%}.animatedboybox{bottom:10%!important;bottom:0;height:38vh;position:absolute;right:0;z-index:-5}.animatedboybox img{height:60vh}.background_gradient{display:none}}@media (max-width:786px){.main-head{background:linear-gradient(180deg,#3655f8,#43bbff);background:var(--nav-bg-color);transition:all .3s ease}.logo{color:#000;color:var(--logo-color)}.hometxtbox p{color:#484848;color:var(--paragraph-color);padding:0}}@media screen and (max-width:500px){body{max-width:100vw}.hometxtbox{display:block;max-width:90vw;position:relative;top:10vh}.homediv p{font-size:1.1rem;width:100%}.animatedboybox{bottom:0}}.darkmode{--bg-color:#1d1d1d;--nav-bg-color:#222;--heading-color:#ececec;--paragraph-color:#f4f4f4;--text-color:#fff;--logo-color:#f3f3f3;--mobile-nav-bg:#333;--mobil-nav-link-color:#fff;--switch-text:#fff}h1{color:#424242;color:var(--heading-color)}p{color:#484848;color:var(--paragraph-color)}.aboutcontainer{background-color:#3656f800;margin-bottom:10vh;min-height:150vh;padding:0 5%;width:90%}.navcloth{background:linear-gradient(180deg,#3655f8,#43bbff);border-radius:0 0 0 28px;height:10vh;position:fixed;right:0;top:0;width:600px;z-index:100}@media screen and (max-width:800px){.navcloth{display:none}}@media screen and (max-width:960px){.navcloth{max-width:20vw}}:root{--bg-color:#111;--bg-color:#fff;--nav-bg-color:linear-gradient(180deg,#3655f8,#43bbff);--text-color:#fff;--logo-color:#000;--paragraph-color:#484848;--mobile-nav-bg:#ebebeb;--mobil-nav-link-color:#1d1d1d;--service-box-bg:#fdfdfd;--service-icon:#3655f8;--service-box-border:#ccc}.servicescontainer{padding:2.5rem 5%;width:90%}.servicesh1{text-align:center;text-decoration:underline}.services_container{display:flex;flex-wrap:wrap;justify-content:space-around;margin-top:3rem}.servicebox{background-color:#fdfdfd;background-color:var(--service-box-bg);border:1px solid #ccc;border:1px solid var(--service-box-border);border-radius:8px;cursor:pointer;height:250px;margin-bottom:3rem;padding:.5rem 0;text-align:center;transition:all .3s ease;width:380px}.serviceicon{background-color:initial;border-radius:50%;display:grid;font-size:2.5rem;height:80px;margin:1rem auto;place-items:center;transition:all .3s ease;width:80px}.serviceicon i{color:#3655f8;color:var(--service-icon);padding:1rem;transform:scale(1.2);transition:all .3s ease-in-out}.servicetitle{font-family:sans-serif;font-size:large}.servicebox p{padding:0 1rem}.servicebox:hover{box-shadow:0 4px 12px #0000001a}.servicebox:hover .serviceicon{background-color:#3655f8}.servicebox:hover .serviceicon i{color:#fff;transform:scale(.8)}:root{--heading-color:#424242}.portfoliocontainer{overflow-x:hidden!important;padding:2.5rem 5%;width:90%}.portfolioh1{text-align:center;text-decoration:underline}.portfolio_box_container{align-items:center;display:flex;flex-direction:column;justify-content:space-around;padding-top:3rem}.projectbox{display:flex;height:100%;justify-content:space-between;margin-bottom:5rem;width:100%}.projecttxt{line-height:1.7;min-height:100%;padding:1rem 3rem 0;width:60%}.projecttxt h2{border-left:5px solid blue;margin-top:3rem;padding:.5rem}.projecttxt p{font-size:large}.projecttxt pre{background-color:#ccc;border-radius:6px;font-size:large;padding:.5rem 1rem;width:-webkit-max-content;width:max-content}.projectimg{width:40%}.projectimg img{aspect-ratio:10/9;transform:all .3s ease}.projectbox a{text-decoration:none}.pbtn{all:unset;background:linear-gradient(45deg,#0088f8,#5959fd);border-radius:6px;color:#fff;cursor:pointer;padding:.6rem 1rem;text-decoration:none}.vghrepos,.vghrepos a{color:#424242;color:var(--heading-color);text-align:center}@media screen and (max-width:1005px){.projectbox{align-items:center;flex-direction:column-reverse}.projectbox .projectimg{display:grid;padding:0;place-items:center;width:100%}.projectbox .projectimg img{aspect-ratio:10/9;height:300px}.projectbox .projecttxt{padding:1rem;width:100%}}.contactcontainer{margin:0 auto;padding-top:10vh;width:90%}:root{--switch-text:#1d1d1d;--contact-bg:#fff;--box-shadow:10px 10px 0px 0px #80808083;--border:1px solid #ccc}.darkmode{--switch-text:#f2f2f2;--contact-bg:#2c2c2c;--box-shadow:10px 10px 0px 0px #80808083;--border:1px solid #0000}.contact_container{align-items:center;display:flex;justify-content:space-between;margin-bottom:10vh;padding:0 5%;width:90%}.contact_container .contacttext h1{margin-bottom:0}.contact_container .contacttext h2{line-height:1.4;width:500px}.contact_container .contacttext .contacticons{align-items:center;display:flex}.contact_container .contacttext .contacticons i{color:#07f;font-size:2rem;margin-right:15px}.contact_container .contacttext .contacticons span{color:#1d1d1d;color:var(--switch-text);font-size:1.2rem;opacity:.8}.contact_container .contactform{background-color:#fff;background-color:var(--contact-bg);border:1px solid #ccc;border:var(--border);box-shadow:10px 10px 0 0 #80808083;box-shadow:var(--box-shadow);max-width:90%;padding:1rem 2rem;width:350px}.contact_container .contactform .inputgroup{border-radius:8px;color:#1d1d1d;color:var(--switch-text);padding:1rem}.contact_container .contactform .inputgroup label{color:#1c7eff;display:block;letter-spacing:.123rem;margin-bottom:.4rem}.contact_container .contactform .inputgroup input{all:unset;border-bottom:1px solid #ccc;padding:.5rem 5%;width:90%}.contact_container .contactform .inputgroup textarea{all:unset;height:8rem;outline:1px solid #ccc;padding:5%;resize:vertical;width:90%}.contact_container .contactform .inputgroup button{all:unset;background-color:#1c7eff;border-radius:5px;box-shadow:inset 0 0 .01px #1c7eff;color:#fff;cursor:pointer;padding:1rem 20px;text-align:center;transition:all .5s ease-in-out;width:80px}.contact_container .contactform .inputgroup button:hover{box-shadow:inset 120px 0 .01px #8400ff}@media screen and (max-width:1085px){.contactcontainer{margin:0;overflow-x:hidden;padding-top:5vh;width:100%}.contact_container{flex-direction:column;padding:0;width:100%}.contact_container .contacttext{margin-bottom:3rem;text-align:center}.contact_container .contacttext h2{margin:0 auto;width:80%}.contact_container .contacttext .contacticons{justify-content:center;margin-top:.5rem}.contact_container .contactform{padding:1rem;width:80%}.contact_container .contactform input,.contact_container .contactform textarea{width:100%}}.aboutme__heading{-webkit-text-fill-color:#0000;background:linear-gradient(268deg,#b445fc,#0ebff2);background-clip:text;-webkit-background-clip:text;font-weight:700;letter-spacing:.125rem;line-height:1.5;text-align:center;text-shadow:#ffffff80 0 0 30px}.aboutme_section{align-items:center;display:flex;justify-content:space-around}.aboutme_section .aboutme_txt{width:40%}.aboutme_section .aboutme_txt p{font-size:large;line-height:1.7}.aboutme_section .aboutme_txt .hori-line{background-color:#0ebff2;background:linear-gradient(268deg,#b445fc,#0ebff2);height:5px;width:250px}.aboutme_section .aboutme_txt .aboutme_icons{padding:1rem 0}.aboutme_section .aboutme_txt .aboutme_icons a{margin-right:1.5rem}.aboutme_section .aboutme_txt .aboutme_icons a i{-webkit-text-fill-color:#0000;background:linear-gradient(0deg,#b445fc,#0ebff2);background-clip:text;-webkit-background-clip:text;font-size:30px;transition:all .3s ease-in-out}.aboutme_section .aboutme_txt .aboutme_icons a i:hover{opacity:.5}.aboutme_section .aboutme_img{align-items:center;background:linear-gradient(268deg,#b445fc,#0ebff2);border-radius:50%;box-shadow:0 0 5px 2px #0ebff2;display:flex;height:250px;justify-content:baseline;object-fit:cover;overflow:hidden;position:relative;width:250px}.aboutme_section .aboutme_img img{transform:translateY(20px);width:100%}.experiences{margin:15vh 0 5vh}.experiences h2{-webkit-text-fill-color:#0000;background:linear-gradient(268deg,#b445fc,#0ebff2);background-clip:text;-webkit-background-clip:text;font-size:3rem;font-weight:700;letter-spacing:.125rem;line-height:1.5;text-align:center;text-shadow:#ffffff80 0 0 30px}.experiences .experience{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:#ccc;background:#fff3;border:1px solid #ffffff4d;border-radius:8px;border-radius:16px;box-shadow:0 4px 30px #0000001a;display:flex;justify-content:space-between;margin:1rem auto;padding:2rem .5rem;width:60%}.experiences .experience .company_logo{display:grid;place-items:center;width:30%}.experiences .experience .experience_text{width:70%}.experiences .experience .experience_text h3{-webkit-text-fill-color:#0000;background:linear-gradient(268deg,#b445fc,#0ebff2);background-clip:text;-webkit-background-clip:text;border-left:4px solid #0ebff2;font-weight:900;letter-spacing:.123rem;line-height:1.7;opacity:.8;padding:.4rem 1rem}.experiences .experience .experience_text h4,.experiences .experience .experience_text h5{opacity:.8}.about_skills{margin:5rem;padding:1rem 0 5rem}.about_skills h2{-webkit-text-fill-color:#0000;background:linear-gradient(268deg,#b445fc,#0ebff2);background-clip:text;-webkit-background-clip:text;font-size:3rem;font-weight:700;letter-spacing:.125rem;line-height:1.5;text-align:center;text-shadow:#ffffff80 0 0 30px}.about_skills .about_skill_container{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-around}.about_skills .about_skill_container img{border-radius:50%;box-shadow:0 0 10px 1px #0ebff2;height:150px;margin:1rem;width:150px}@media screen and (max-width:800px){.aboutme_section{flex-direction:column}.aboutme_section .aboutme_txt{margin-top:2rem;width:100%}.aboutme_section .aboutme_txt .hori-line{width:100%}.aboutme_section .aboutme_txt .aboutme_icons{align-items:center;display:flex;justify-content:center;width:100%}.experience{flex-direction:column;min-width:280px;padding:0;width:90%!important}.experience .company_logo{width:100%!important}.experience .company_logo img{margin:0 auto}.experience .experience_text{text-align:center;width:100%!important}.experience .experience_text h3{-webkit-text-fill-color:#0000;background:linear-gradient(268deg,#b445fc,#0ebff2);background-clip:text;-webkit-background-clip:text;border-left:none!important}}
/*# sourceMappingURL=main.e9e89da2.css.map*/