@import url(https://fonts.googleapis.com/css2?family=Ephesis&family=Overlock:ital@0;1&family=Poppins:wght@300;400;500;600&family=Roboto:wght@300;400;500;700&display=swap);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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth;scroll-snap-type:y mandatory}*{box-sizing:border-box;font-family:DM Sans,sans-serif;margin:0;padding:0}body{background-color:#0c0c1d;color:#d3d3d3;overflow-x:hidden}.navbar{flex-direction:row;height:10vh;justify-content:space-between;width:100%}.logo,.navbar{align-items:center;display:flex}.logo{padding-left:2rem}.logo a{color:#d3d3d3;text-decoration:none}.title{font-family:Ephesis;font-size:3vw;font-weight:bolder}.menu-btn{display:none}.menu-icon{background-color:inherit;border:none;color:#d3d3d3;font-size:2rem}.page-links{display:flex;flex-direction:row;gap:2vw;list-style:none;padding-right:2em}.page-links li a{color:#d3d3d3;font-size:1.2rem;text-decoration:none}@media screen and (max-width:768px){.logo{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-right:3vw;width:100vw}.menu-btn{display:block;padding-top:5px}.page-links{display:none}}@media screen and (max-width:400px){.menu-btn{display:none}.title{font-size:18px}}.sidebar{background-color:#0c0c1d;display:flex;flex-direction:row;height:20em;left:0;position:fixed;top:0;width:100%;z-index:2}.sidebar-links{background-color:#d3d3d3;display:flex;flex-direction:column;gap:1rem;height:100%;list-style:none;padding:2rem;width:100%}.sidebar-group a{color:#0c0c1d;font-family:poppins;font-size:1.3rem}.cross{overflow:hidden;position:fixed;right:30px;top:20px}.cross button{background-color:#d3d3d3;border:none;color:#0c0c1d;font-size:1.3rem;font-weight:bolder}.greeting{height:auto;width:100vw}.greeting-main{display:flex;flex-direction:row;justify-content:space-between}.textContainer{display:flex;flex-direction:column;height:100%;padding:2.5rem;width:60%}.hello{margin:2vw 0}.hello p{color:#a9a9a9;font-family:poppins;font-size:4vw;letter-spacing:4px}.handSign{align-items:self-start;display:flex;height:100px;margin-top:-20px;transform-origin:100% 100%;width:50px}.myself p{font-family:roboto;font-size:1.8vw;line-height:2.3vw}.greeting-button-div{display:flex;width:100%}.greeting-imageContainer{height:auto;max-width:100%;width:40%}.greeting-imageContainer img{height:auto;width:100%}.slidingTextContainer{bottom:0;color:hsla(0,0%,100%,.035);font-size:20vh;font-weight:700;position:absolute;text-transform:capitalize;width:100%;z-index:-10}@media screen and (max-width:1024px){.hello{margin:0}.hello p{font-size:48px}.myself p{font-size:28px;line-height:2rem}.handSign{margin-top:10px}}@media screen and (max-width:768px){.greeting-main{flex-direction:column}.greeting-button-div{justify-content:space-around}.textContainer{margin:0 auto 2rem;padding:0;text-align:center;width:80%}.greeting-imageContainer{height:80%;margin:0 auto;width:60%}.hello p{font-size:44px}.myself p{font-size:24px;line-height:2rem}.handSign{justify-content:center;margin:0 auto}.slidingTextContainer{font-size:15vh;text-align:center}}@media screen and (max-width:600px){.slidingTextContainer{font-size:12vh}.myself p{font-size:20px;line-height:1.8rem}}@media screen and (max-width:500px){.slidingTextContainer{font-size:10vh}.myself p{font-size:18px;line-height:1.6rem}}@media screen and (max-width:400px){.myself p{font-size:16px;line-height:1.5rem}.greeting-button-div{align-items:center;flex-direction:column}}.social-media-div{flex-direction:row;gap:2vw;height:3rem;justify-content:flex-start;margin:2rem 0}.icon-button,.social-media-div{align-items:center;display:flex}.icon-button{border-radius:2rem;color:#fff;cursor:pointer;font-size:1.5em;height:2em;justify-content:center;padding:5px;transition:.2s ease-in-out;width:2em}.github{background-color:#333}.linkedin{background-color:#0e76a8}.gmail{background-color:#ea4335}.facebook{background-color:#3b5998}.twitter{background-color:#1da1f2}.instagram{background-color:#c13584}@media screen and (max-width:768px){.social-media-div{justify-content:center}}@media screen and (max-width:500px){.icon-button{height:1.5em;width:1.5em}}.main-button{background-color:#5f9ea0;border:1px solid #55198b;border-radius:6px;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:700;margin-right:50px;margin-top:20px;padding:13px 22px;text-align:center;text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out 0s;width:-webkit-max-content;width:max-content}.main-button:hover{background-color:#fff;color:#55198b;transform:translateY(-3px);transition:all .3s ease 0s}.project-button{background-color:#5f9ea0;display:flex;justify-content:center;margin-top:20px}.project-button>.main-button{margin-right:0!important}@media(max-width:768px){.main-button{font-size:.938rem;margin-right:0;padding:12px 18px}}@media(max-width:500px){.main-button{font-size:.75rem}}#skills{align-content:center;display:flex;min-height:80vh;width:100vw}.skill-main{display:flex;justify-content:space-between;margin:4rem auto;width:90%}.skill-develeper{height:50vh;width:35vw}.skill-icons{display:flex;flex-direction:column;height:60vh;width:50%}.skill-heading{font-family:poppins;font-size:4em;font-weight:500}.skill-subheading{color:#9c9d9f;font-size:1.3em;font-weight:300;margin-bottom:2rem}.skill-section ul{color:#9c9d9f;display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem;list-style:none;margin-left:5rem}.software-skill-inline{align-items:center;display:flex;flex-direction:column;font-size:2.5em;justify-content:center}.skill-label{font-size:12px}.skill-icon:hover{color:#3fafa1}@media screen and (max-width:768px){.skill-main{align-items:center;flex-direction:column-reverse}.skill-icons{margin:0 auto -8em;width:80%}.skill-section ul{justify-content:center;margin:0}.skill-heading{font-family:poppins;font-size:2.5em;font-weight:400;text-align:center}.skill-develeper{height:40vh;width:50vw}.skill-subheading{font-size:1em}.software-skill-inline{font-size:2em}}@media screen and (max-width:500px){.skill-icons{margin-bottom:-6rem}}@media screen and (max-width:400px){.skill-develeper{margin-bottom:-6rem;margin-top:6rem}}.education-card{display:flex;flex-direction:row;width:100%}.college-logo{height:90px;margin-right:20px;width:90px}.college-logo img{border-radius:50%;height:100%;width:100%}.college-about{display:flex;flex-direction:column}.clg-name{color:#fff;font-family:poppins;font-size:1.6em;font-weight:600}.clg-degree{font-family:roboto;font-weight:500;letter-spacing:1px}.clg-degree,.clg-duration{margin-top:5px}@media screen and (max-width:1024px){.education-card{flex-direction:column}}@media screen and (max-width:768px){.college-about,.education-card{align-items:center}.clg-degree,.clg-name{text-align:center}}@media screen and (max-width:500px){.college-logo{height:60px;width:60px}.clg-name{font-size:1.2rem;line-height:1.7rem}}.education{align-items:center;display:flex;min-height:70vh;padding:3rem;width:100vw}.edu-heading{font-family:poppins;font-size:3em;font-weight:500;letter-spacing:2px}.edu-card-container{display:flex;flex-direction:column;gap:3rem;margin-top:2rem}.education-main{height:100%;width:80%}@media screen and (max-width:768px){.education-main{height:100%;width:100%}.education{margin-top:5rem}.edu-heading{font-size:3rem;font-weight:400;text-align:center}}@media screen and (max-width:500px){.education{margin-top:-3rem}.edu-heading{font-size:2.5rem}}@media screen and (max-width:400px){.education{margin-top:0}.edu-heading{font-size:2rem}}.exp-card{border:1px solid #f5f2f4;border-radius:20px;box-shadow:0 5px 10px hsla(0,0%,100%,.827);height:500px;margin:1rem;padding:1.5rem;-webkit-user-select:none;user-select:none;width:300px}.exp-card,.exp-card:hover{transition:all .3s ease-in-out}.exp-card:hover{box-shadow:0 0 35px hsla(0,0%,100%,.932);transform:scale(1.1)}.exp-card-header{align-items:center;background-color:#5f9ea0;border-radius:20px;display:flex;flex-direction:column;height:20%;justify-content:center;position:relative}.exp-card-header p{color:#fff;font-family:poppins;font-size:1.5em;font-weight:400}.exp-header-img{bottom:-50%;height:50%;left:50%;position:absolute;transform:translate(-50%,-50%);width:60%}.exp-header-img img{border-radius:10px;height:100%;width:100%}.exp-card-container{align-items:center;display:flex;flex-direction:column;padding-top:2.5rem}.exp-role{font-family:poppins;font-size:1.5em;font-weight:500;text-align:center}.exp-date{color:#fff;line-height:1.5rem}.exp-desc{line-height:1.3rem;margin-bottom:10px}@media screen and (max-width:900px){.exp-role{font-size:1.2em}}@media screen and (max-width:500px){.exp-card{margin:1rem 0;padding:.5rem}.exp-desc,.exp-role{font-size:1em}.exp-point{font-size:.9em}}.experience{align-items:center;display:flex;min-height:70vh;padding:3rem;width:100vw}.exp-main{height:100%;width:80%}.exp-main h1{font-family:poppins;font-size:3em;font-weight:500;letter-spacing:2px}.horizontal{border:1px solid #d3d3d3;height:1px;width:100%}.exp-container{display:flex;flex-direction:row;flex-wrap:wrap;height:100%;padding:3rem;width:100%}@media screen and (max-width:768px){.exp-main{width:100%}.exp-main h1{text-align:center}.exp-container{justify-content:center;padding:1rem}}.project-card{border:1px solid #9c9d9f;border-radius:15px;box-shadow:0 5px 10px #585757cc;display:flex;flex-direction:column;margin:0 1rem 1rem;min-height:350px;padding:1rem;transition:all .3s ease-in-out;width:390px}.project-card:hover{box-shadow:0 0 35px hsla(0,0%,100%,.932);transform:scale(1.1);transition:all .3s ease-in-out}.project-image-div{height:150px;width:100%}.project-image-div img{height:100%;width:100%}.project-info-div{display:flex;flex-direction:column;height:100%;justify-content:space-evenly;margin-top:1rem}.project-name{font-family:poppins;font-size:1.4rem;font-weight:500;text-align:center}.project-desc{font-size:.9rem;text-align:center}.project-btn,.project-btn-div{align-items:center;display:flex;justify-content:center}.project-btn{background-color:#5f9ea0;border-radius:5px;cursor:pointer;margin:10px;padding:5px;transition:all .2s ease-in-out}.project-btn:hover{box-shadow:0 0 15px hsla(0,0%,100%,.932);transform:scale(1.1);transition:all .2s ease-in-out}.project-btn a{color:#fff;font-size:.8rem;font-weight:500;text-decoration:none}@media screen and (max-width:500px){.project-btn-div{flex-direction:column}.project-card{padding:.5rem}}#projects{align-items:center;display:flex;min-height:80vh;padding:2rem;width:100vw}.project-main{display:flex;flex-direction:column;height:auto;width:100%}.project-title{color:#9c9d9f;font-family:poppins;font-size:4em;font-weight:500;padding-right:350px;text-align:right;width:100%}.project-container{display:flex;flex-direction:row;margin-top:2rem;width:100%}.project-left-div{width:30%}.project-icon{height:100%;width:100%}.project-right-div{display:flex;flex-wrap:wrap;height:100%;justify-content:flex-start;width:80%}@media screen and (max-width:1024px){.project-left-div{width:20%}.project-title{text-align:center}}@media screen and (max-width:900px){.project-container{align-items:center;flex-direction:column;padding:1rem}.project-right-div{justify-content:center}.project-title{font-size:3em;padding:0;text-align:center}}@media screen and (max-width:768px){.project-title{font-size:2.5em}.project-left-div{width:40%}#projects{padding:1rem}}@media screen and (max-width:500px){.project-container{margin:0}.project-left-div{width:50%}.project-title{font-size:2.2em}}#contact{align-items:center;display:flex;min-height:40vh;padding:3rem;width:100vw}.contact-main{display:flex;flex-direction:column;height:100%;width:100%}.contact-title{font-family:poppins;font-size:3em;margin-bottom:1rem}.contact-sub{font-family:poppins;font-size:1.2em;margin-bottom:.5em}.contact-number{margin-bottom:.2em}.contact-email,.contact-number{color:#fff;font-size:1.5em;text-decoration:none}.contact-email{font-family:poppins}@media screen and (max-width:768px){.contact-main{align-items:center}.contact-title{font-size:2.5em}.contact-sub{font-size:1em}.contact-email,.contact-number{font-size:1.2em}.contact-title{font-size:2em}}.home{height:100vh;width:100vw}.bg-video{height:100%;width:100%}
/*# sourceMappingURL=main.f387d33c.css.map*/