@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Barlow&display=swap);body{margin:0}*{font-family:Roboto,serif;font-style:normal;font-weight:400}.App{overflow:auto;scroll-behavior:smooth;scroll-snap-type:y proximity}.App,.first-div{box-sizing:border-box;height:100vh;position:relative;width:100%}.first-div{background:linear-gradient(180deg,#e8fce8,#fff);background-size:cover;scroll-snap-align:start}.first-div>.subdiv1{box-sizing:border-box;display:flex;flex-direction:row;height:calc(100% - 100px);width:100%}.subdiv1>.contentDiv{display:flex;flex-direction:column;height:100%;width:50%}.contentDiv>.title{font-family:Barlow,sans-serif;font-size:70px;font-weight:600;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:20% auto 30px 10%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.contentDiv>.title>p{font-size:90px;font-weight:600;margin:0 auto auto;position:relative;text-shadow:3px 2px 4px hsla(0,0%,51%,.98);z-index:3}@-webkit-keyframes cursorBlink{0%{opacity:0}50%{opacity:0}to{opacity:1}}@keyframes cursorBlink{0%{opacity:0}50%{opacity:0}to{opacity:1}}.contentDiv>.title>p:after{animation:cursorBlink 1s ease-in-out infinite alternate-reverse;content:"|";font-size:100px;margin-left:6px}.contentDiv>.title>p:before{background-color:#1c1c1c;bottom:6px;content:"";height:6px;left:0;position:absolute;width:100%;z-index:0}.contentDiv>.desTitle{border-bottom:3px solid #0c0c0c;font-family:Barlow,sans-serif;font-size:50px;font-weight:600;margin:0 auto 50px 10%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.contentDiv>.btns,.contentDiv>.desTitle{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.contentDiv>.btns{display:flex;flex-direction:row;font-family:Roboto,serif;font-style:normal;font-weight:400;justify-content:space-around;margin:60px auto;width:80%}.btns>span{background-color:#000;border:1px solid #000;border-radius:2px;box-shadow:4px 4px 7px 0 #000;color:#fff;cursor:pointer;display:flex;font-size:20px;height:50px;overflow:hidden;position:relative;transition:.25s ease-in-out;width:40%}.btns>span:active{-webkit-transform:scale(.98);transform:scale(.98)}.btns>span:after{background-color:hsla(0,0%,97%,.54);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;width:30px}@-webkit-keyframes contactBtnHoverAnim{0%{left:-15%;opacity:.4}50%{opacity:1}to{left:115%;opacity:.4}}@keyframes contactBtnHoverAnim{0%{left:-15%;opacity:.4}50%{opacity:1}to{left:115%;opacity:.4}}.btns>span:hover:after{-webkit-animation:contactBtnHoverAnim 1.5s ease-in-out;animation:contactBtnHoverAnim 1.5s ease-in-out}.btns>span>a{color:#fff;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:auto;text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.btns>span>a.contactBtn{transition:1s ease-in-out}.subdiv1>.imgDiv{border-radius:80px;display:flex;flex-direction:row;height:100%;width:50%}.imgDiv>div.profilePic{aspect-ratio:1/1;border:10px solid #000;border-radius:50%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:auto;overflow:hidden;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.imgDiv>div.profilePic>img{border:6px solid #fbfbfb;border-radius:50%;-webkit-filter:grayscale(100%) brightness(90%) saturate(100%);filter:grayscale(100%) brightness(90%) saturate(100%);height:500px;margin:auto;object-fit:cover;width:500px}.imgDiv>.btns2{border-radius:0;display:flex;flex-direction:column;height:250px;margin:auto 70px auto auto;width:60px}.imgDiv>.btns2>a{margin:4px auto}.btns2>a>img{background-color:#fff;border:1px solid #000;border-radius:50%;box-shadow:0 0 10px -4px #000;cursor:pointer;height:50px;margin:auto 5px;transition:.25s ease-in-out;width:50px}.btns2>a>img:hover{-webkit-transform:scale(1.08);transform:scale(1.08)}.btns2>a>img:active{-webkit-transform:scale(.97);transform:scale(.97)}.first-div>.scrollImgDiv{bottom:20px;box-sizing:border-box;height:60px;left:calc(50% - 45px);position:absolute;width:60px}.first-div>.scrollImgDiv>a>img{cursor:pointer;height:100%;margin:0;object-fit:contain;padding:0;width:100%}@-webkit-keyframes scrollBtn{0%{color:#fff;opacity:.5}50%{color:#000;opacity:1}to{color:#fff;opacity:.5}}@keyframes scrollBtn{0%{color:#fff;opacity:.5}50%{color:#000;opacity:1}to{color:#fff;opacity:.5}}.first-div>.scrollImgDiv>a>img:hover{-webkit-animation:scrollBtn 1.8s ease-in-out infinite;animation:scrollBtn 1.8s ease-in-out infinite}.projectsPage{background-color:#000;box-sizing:border-box;display:flex;flex-direction:column;height:100%;margin:0;scroll-snap-align:start;width:100%}.projectsPage>.titleDiv{background:linear-gradient(180deg,#fff,#fff);height:180px}.projectsPage>.titleDiv>.title{font-size:50px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:10px auto auto;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.projectsPage>.titleDiv>.title:after{background-color:rgba(0,0,0,.7);bottom:3px;content:"";height:5px;left:0;position:absolute;width:100%}.projectsPage>.cardsContainer{background-color:#000;border:3px solid #e8fce8;border-radius:60px 60px 0 0;box-shadow:0 0 30px 0 #000;box-sizing:border-box;display:flex;flex-direction:column;height:107%;justify-content:space-evenly;margin:-80px auto -7%;padding:0 30px;width:95%;z-index:2}.cardsContainer>.cardGrid{display:flex;flex-direction:row;margin-top:auto}.cardsContainer>.cardGrid>.card{border:3px solid #e8fce8;border-radius:5px;height:30vw;overflow:hidden;position:relative;transition:.3s ease-in-out;width:31%}.cardsContainer>.cardGrid>.card:hover{box-shadow:0 0 50px 5px #e8fce8}.cardsContainer>.cardGrid>.card:nth-child(odd){margin:4% auto auto}.cardsContainer>.cardGrid>.card:nth-child(2n+2){margin:10% auto auto}.card>.cardBgImg{background-color:#fff;height:100%;left:0;margin:auto;object-fit:contain;opacity:.6;padding:0;position:relative;top:0;transition:.22s ease-in-out;width:100%;z-index:0}.card>.titleDiv{background-color:#f6f6f6;box-sizing:border-box;display:flex;flex-direction:row;font-size:40px;height:100px;left:0;margin:auto;position:absolute;top:calc(50% - 50px);transition:.5s ease-in-out;width:100%;z-index:3}.card:hover .titleDiv{font-size:46px;left:0;opacity:.9;top:0;width:100%}.card>.titleDiv>.title{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:auto;padding:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.card>.contentDiv{background-color:hsla(0,5%,4%,.7);box-sizing:border-box;color:#fff;display:flex;flex-direction:row;height:calc(100% - 100px);left:0;margin:auto;opacity:0;padding:10px;position:absolute;top:100px;width:100%;z-index:3}@-webkit-keyframes contentDivAnim{0%{opacity:0;-webkit-transform:scale(.6);transform:scale(.6)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes contentDivAnim{0%{opacity:0;-webkit-transform:scale(.6);transform:scale(.6)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.cardsContainer>.cardGrid>.card:hover .contentDiv{-webkit-animation:contentDivAnim .5s ease .23s 1 normal forwards;animation:contentDivAnim .5s ease .23s 1 normal forwards}.card>.contentDiv>.content{box-sizing:border-box;font-family:Candara;font-size:1.2vw;font-weight:600;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:auto;opacity:0;text-align:justify;text-indent:50px;width:95%}@-webkit-keyframes cardContentAnim{0%{opacity:0;-webkit-transform:scale(.6);transform:scale(.6)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes cardContentAnim{0%{opacity:0;-webkit-transform:scale(.6);transform:scale(.6)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.card:hover .contentDiv>.content{-webkit-animation:cardContentAnim 1s ease .6s 1 normal forwards;animation:cardContentAnim 1s ease .6s 1 normal forwards}.cardsContainer>.contactPageTitle{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;height:100px;margin:auto auto 1%;width:100%}.contactPageTitle>.title{color:#e8fce8;font-size:60px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:auto;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@-webkit-keyframes contactTitleAnim{0%{background-position-x:0}50%{background-position-x:90%}to{background-position-x:0}}@keyframes contactTitleAnim{0%{background-position-x:0}50%{background-position-x:90%}to{background-position-x:0}}.contactPageTitle>.title:after{-webkit-animation:contactTitleAnim 6s ease-in-out infinite;animation:contactTitleAnim 6s ease-in-out infinite;background-image:linear-gradient(45deg,#10994f,#c8cf15);background-size:200%;bottom:0;content:"";height:6px;left:0;position:absolute;width:100%}.contactPage{background:linear-gradient(180deg,#e8fce8,#fff);background-size:cover;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;scroll-snap-align:start;width:100%}.contactPage>.contactFormDiv{background-color:#fff;border:1px solid #e8fce8;border-radius:4px;box-shadow:0 15px 30px -20px #000;display:flex;flex-direction:row;height:50vh;margin:26vh auto auto;overflow:hidden;width:60%}.contactPage>.contactFormDiv>.contactForm{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:auto;width:60%}.contactPage>.contactFormDiv>.myInfoDiv{background-color:#000;box-sizing:border-box;height:100%;margin:auto 0 auto auto;padding:0 10px;width:35%}.myInfoDiv>.mailDiv>.title{color:#e8fce8;font-size:25px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:30px auto 0 30px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.myInfoDiv>.mailDiv>.title:after{background-color:#e8fce8;bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}.myInfoDiv>.mailDiv>.mailId{color:#fff;font-family:Candara;font-size:20px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:10px auto 0 60px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.socialMediaLinks{margin-top:20px}.socialMediaLinks>.title{color:#e8fce8;font-size:25px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:30px auto 0 30px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.socialMediaLinks>.title:after{background-color:#e8fce8;bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}.socialMediaLinks>.links{box-sizing:border-box;display:flex;flex-direction:row;height:50px;justify-content:space-around;margin:20px auto 0;width:70%}.socialMediaLinks>.links>a{border:2px solid #e8fce8;border-radius:50%;height:60px;transition:.2s ease-in-out;width:60px}.socialMediaLinks>.links>a:hover{-webkit-transform:scale(.95);transform:scale(.95)}.socialMediaLinks>.links>a>img{background-color:#fff;border-radius:50%;box-shadow:0 0 10px -4px #000;box-sizing:border-box;cursor:pointer;height:100%;object-fit:cover;transition:.25s ease-in-out}.contactFormDiv>.contactForm>.title{width:98%}.contactForm>.title>p,.contactFormDiv>.contactForm>.title{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:auto}.contactForm>.title>p{font-size:30px;position:relative;text-transform:uppercase;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.contactForm>.title>p:after{background-color:#000;bottom:0;content:"";height:4px;left:0;position:absolute;width:100%}.contactForm>span{box-sizing:border-box;display:flex;flex-direction:row;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between;margin:30px auto 0;width:90%}.contactForm>span>input{border:2px solid #000;border-radius:5px;box-sizing:border-box;font-size:16px;height:45px;margin:auto;outline:none;padding:0 10px}.contactForm>span.span1>input{width:48%}.contactForm>span.span2>input,.contactForm>span.span3>input,.contactForm>span.span4>input{width:98%}.contactForm>span>.submitBtn{background-color:#e8fce8;border:2px solid #000;color:#000;font-size:20px;height:50px;margin:auto auto 30px;width:98%}.Header{background-color:#000;box-shadow:0 0 20px 0 #000;height:100px;margin:0;width:100%}.Header,.Header>.subdiv1{box-sizing:border-box;display:flex;flex-direction:row}.Header>.subdiv1{height:100%;margin:auto;width:95%}.subdiv1>p{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-image:linear-gradient(43deg,#8b00c2 10%,#fd1d1d 46%,#fcb045);color:#fff;cursor:pointer;font-family:Candara;font-size:60px;font-weight:600;margin:auto 20px auto 30px}.subdiv1>p,.subdiv1>ul.menus{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.subdiv1>ul.menus{display:flex;flex-direction:row;font-family:Roboto,serif;font-style:normal;font-weight:400;list-style:none;margin:auto auto auto 30px;padding:0}.subdiv1>ul.menus>li{cursor:pointer;display:flex;font-size:24px;height:60px;margin:auto 3px;padding:0 10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.subdiv1>ul.menus>li>a{color:#fff;margin:auto;position:relative;text-decoration:none}.subdiv1>ul.menus>li>a:after{background-image:linear-gradient(43deg,#ecff00,#05ed36 44%,#0fdfc9 76%,#0dd6e7);bottom:-5px;content:"";height:3px;left:0;position:absolute;transition:.2s ease-in-out;width:0}.subdiv1>ul.menus>li:hover a:after{width:100%}.subdiv1>ul.menus2{display:flex;font-family:Doppio One;font-size:24px;list-style:none;margin:0;padding:0}.subdiv1>ul.menus2>li{border:3px solid #fff;color:#fff;display:flex;height:50px;margin:auto 20px auto auto;padding:0 20px;position:relative;text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@-webkit-keyframes contactBtnTopBorderAnim{to{width:100%}}@keyframes contactBtnTopBorderAnim{to{width:100%}}@-webkit-keyframes contactBtnBottomBorderAnim{50%{width:100%}}@keyframes contactBtnBottomBorderAnim{50%{width:100%}}
/*    !*background-color: #55ff00;*!*/
/*    !*animation: contactBtnTopBorderAnim ease-in-out 1.8s infinite;*!*/.subdiv1>ul.menus2:hover li:after{-webkit-animation:contactBtnBottomBorderAnim 1.8s ease-in-out infinite;animation:contactBtnBottomBorderAnim 1.8s ease-in-out infinite;bottom:0;content:"";height:5px;left:0;position:absolute;width:0}.subdiv1>ul.menus2>li>a{color:#fff;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:auto;text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:5}.footer{background-color:#000;border-radius:50px 50px 0 0;box-sizing:border-box;color:#fff;height:10vh;margin:-6vh auto auto;position:relative;scroll-snap-align:start;width:100%}.footer>.copyright{top:20px}.footer>.copyright,.footer>.developeBy{font-family:Doppio One;font-size:22px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:35%;margin:auto auto 0;position:absolute;text-align:center;width:30%}.footer>.developeBy{top:60px}
/*# sourceMappingURL=main.ed605f6e.css.map*/