body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{overflow-x:hidden;scroll-behavior:smooth}body{background-color:#080b14;color:#fff}.navbar{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;font-family:Inter,sans-serif;justify-content:space-between;position:fixed;top:0;width:100%;z-index:20}.navbar-h1{flex:4 0;margin-left:72px}.header-li{display:flex;justify-content:space-around}.header-anchor{color:#fff;font-size:13.5px;font-weight:700;margin:0 17px;text-decoration:none;transition:all .5s ease}.header-anchor:hover{color:#2dd4bf;margin-top:-2px}.ms-header-navbar-toggler{scale:2.5}.ms-header-toggler-div{cursor:pointer;display:none;padding-right:20px}.ms-header-mobile-div{align-items:center;display:none;flex-direction:column;height:0;justify-content:center;position:absolute;top:9vh;transition:all 2.5s ease;width:100%}.ms-header-mobile-div.open{border-bottom:.5px solid #dfdfdf;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}@media screen and (max-width:700px){.header-anchor{display:none}.navbar{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;font-family:Inter,sans-serif;justify-content:space-between;position:fixed;top:0;width:100%;z-index:20}.navbar-h1{flex:4 0;font-size:17px;margin-left:10px}.header-div{display:flex;flex-direction:column}.navbar-div-1{align-items:center;color:#fff;display:flex;justify-content:center;padding:10px}.header-anchor{color:#fff;font-size:10px;font-weight:700;margin:0 17px;scroll-behavior:smooth;text-decoration:none}.header-anchor-mob{background-color:#000;color:#fff;font-size:15px;text-decoration:none}.header-anchor-mob:hover{color:#2dd4bf}.ms-header-toggler-div{display:flex;padding-right:10px}.ms-header-mobile-div{background-color:#080b14;display:flex;top:6vh}.ms-header-navbar-toggler{scale:1.3}}.card{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:wrap;margin-top:70px;padding-left:200px}.name{font-size:54px;font-style:Inter,sans-serif;font-weight:bolder;margin:0}.header-h1{font-size:27px;margin:2px 0 0}.header-span{color:#2dd4bf;font-size:36px}.header-p{font-size:24px;font-weight:300;margin-top:1.5rem;white-space:pre-wrap;word-break:break-word}.header-button{background-color:#14b8a6;border:none;border-radius:3px;font-size:20px;margin:10px 0 0;padding:11px 48px}.header-button:hover{background-color:#0a8f7f;color:#fff}.header-button-a:hover{color:#fff;text-decoration:none}.header-button-a{color:#000;text-decoration:none}.header-container{align-items:center;display:flex;justify-content:space-around}.header-animation{text-align:justify;width:290px}.header-animation-div{margin-top:150px;padding-right:100px}#Home{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}@media screen and (max-width:900px){.name{font-size:42px;font-style:Inter,sans-serif;font-weight:bolder;margin:20px 0}.header-h1{font-size:30px;margin:2px 0 0}.header-p{font-size:22px;font-weight:300;margin-top:1.7rem;white-space:pre-wrap;word-break:break-word}.header-span{color:#2dd4bf;font-size:30px}.header-button{background-color:#14b8a6;border:none;border-radius:6px;font-size:15px;margin:30px 0 0;padding:18px 40px}.card{align-items:stretch;display:flex;flex-direction:column;flex-wrap:wrap;margin-top:150px;padding-left:20px}.header-animation-div{display:none;margin:0;padding:0}#Home{height:80vh;padding-bottom:60px}}#About{align-items:center;display:flex;flex-direction:column;font-family:Inter,sans-serif;justify-content:center;margin-bottom:134px}.discover-skills{display:flex;justify-content:space-between;margin-top:78px;padding:15px 18px;width:75rem}.who-i-am{margin-right:40px}.skills,.who-i-am{display:flex;flex-basis:50%;flex-direction:column}.skills{margin-left:40px}.about-h1{font-size:32.4px;padding:18px 0 0}.about-h1 span{color:#14b8a6;font-size:32.4px}.about-h2{font-size:22.5px;margin:0 0 12px}.about-h2 span{color:#14b8a6;font-size:22.5px}.desc-self{font-size:1.25rem;line-height:1.75rem}.skill-items{align-items:center;background-color:#14b8a6;border-radius:.5rem;color:#000;cursor:pointer;display:flex;font-size:1.125rem;font-weight:500;height:20px;justify-content:center;line-height:1.75rem;margin:5px;padding:9px;text-align:center;width:80px}.skill-items:hover{background-color:#0a8f7f;color:#fff}.skill-item-set{display:flex;flex-wrap:wrap}@media screen and (max-width:900px){#About{align-items:center;display:flex;flex-direction:column;font-family:Inter,sans-serif;justify-content:center;margin-bottom:134px}.discover-skills{margin-top:78px;padding:15px 4px}.discover-skills,.who-i-am{display:flex;flex-direction:column;width:100%}.who-i-am{margin-right:0}.skills{display:flex;flex-direction:column;margin-left:0}.skill-items{background-color:#14b8a6;border-radius:.3rem;color:#000;font-size:1rem;font-weight:400;height:20px;line-height:1.75rem;margin:5px;padding:7px;text-align:center;width:90px}}.Portfolio{font-family:Inter,sans-serif}.image-project-div{background-color:#0c101e;padding:42px 30px 0}.portfolio-heading{display:flex;font-size:17.5px;font-weight:bolder;justify-content:center}.portfolio-heading-span{color:#14b8a6}.project-image{height:300px;width:100%}.project-desc{white-space:pre-wrap;word-break:break-word}.projects{grid-gap:20px;display:grid;grid-template-columns:auto auto;padding:50px 168px}.portfolio-a-div{margin-top:1.5rem}.live-link:hover{background-color:#14b8a6;color:#fff}.live-link{align-items:center;border:1px solid #14b8a6;color:#14b8a6;cursor:pointer;font-size:18px;line-height:1.5rem;padding:.75rem 1.25rem;text-align:center;text-decoration:none}.project-title{font-size:1.875rem;font-weight:700;line-height:2.25rem;margin-top:1.25rem}.project-tec{color:#14b8a6;font-size:18px;font-weight:700;line-height:2rem;margin:6px 0 0}.project-desc{font-size:13px;line-height:1.5rem;margin:6px 0 0}@media screen and (max-width:900px){.projects{grid-gap:20px;display:grid;grid-template-columns:auto;padding:50px 10px}.project-image{height:200px;width:100%}}.footer-container{background-color:#050911;display:flex;justify-content:space-between;padding:0 60px}.footer-copyright-h1{font-size:14px;font-weight:400}.footer-copyright-h1-span{align-items:center;color:#14b8a6}.footer-copyright{padding:15px}.footer-links{display:flex;justify-content:space-between}.footer-a{color:#fff;font-size:32px;text-decoration:none;transition:all .5s ease}.footer-a:hover{color:skyblue}.footer-link{padding:15px}@media screen and (max-width:900px){.footer-container{background-color:#050911;display:flex;justify-content:space-between;padding:0 10px}.footer-copyright-h1{font-size:12px;font-weight:400}.footer-a{color:#fff;font-size:20px;text-decoration:none}}.contact-div{grid-gap:28px;display:grid;font-family:Inter,sans-serif;grid-template-columns:auto auto;margin:60px 0;padding:0 98px}.contact-details{display:flex;flex-direction:column}.contact-me-h2{color:#fff;font-size:2.7rem;letter-spacing:4px;margin:0;text-transform:uppercase}.contact-me-span{color:#14b8a6}.contact-email{margin:18px 0 0}.contact-email-a{color:#fff;font-size:15px;text-decoration:none}.contact-phone{margin:18px 0 0}.contact-phone-a{color:#fff;font-size:15px;text-decoration:none}.contact-animation{width:190px}.form-label{font-size:12px;margin-bottom:3px}.form-input,.form-textarea{background-color:#172234;border:0 solid #e5e7eb;border-radius:.5rem;box-sizing:border-box;color:#fff;font-size:medium;font-weight:300;margin-top:.5rem;padding:1rem;width:100%}.form-textarea{height:8rem}.form-button,.form-textarea{font-family:Inter,sans-serif}.form-button{background-color:#14b8a6;border:0 solid #e5e7eb;border-radius:2px;box-sizing:border-box;color:#000;cursor:pointer;font-size:.875rem;letter-spacing:.025em;line-height:1.25rem;margin-top:.5rem;padding:.75rem;text-align:center;width:100%}.form-button:hover{background-color:#0a8f7f;color:#fff}.form-button-div,.form-email-div,.form-textarea-div{margin-top:8px}@media screen and (max-width:900px){.contact-div{grid-gap:28px;display:grid;font-family:Inter,sans-serif;grid-template-columns:auto;margin:60px 0;padding:0 10px}.contact-animation{width:150px}.form-label{font-size:12px;margin-bottom:3px}.form-input,.form-textarea{background-color:#172234;border:0 solid #e5e7eb;border-radius:.5rem;box-sizing:border-box;color:#fff;font-size:medium;font-weight:300;margin-top:.5rem;padding:.7rem;width:100%}.form-textarea{font-family:Inter,sans-serif;height:8rem}}
/*# sourceMappingURL=main.d4b5ea29.css.map*/