@import url(https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&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}.navbar{background-color:#1e1e1e;box-shadow:0 2px 5px #0000004d;flex-wrap:wrap;height:auto;margin:0 auto;max-width:75rem;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:3}.nav-content,.navbar{align-items:center;display:flex;justify-content:space-between;width:100%}.nav-content{flex-direction:row}.name-logo{animation:glow 2s infinite alternate;background:linear-gradient(90deg,#ecfd04,#fff);background-clip:text;-webkit-background-clip:text;color:#0000;font-size:1.5rem;font-weight:700;text-shadow:2px 2px 8px #0000004d}.desktopMenu{display:flex;flex-wrap:wrap;padding-left:4rem}.desktopMenuListItem{cursor:pointer;margin:0 1rem;transition:color .3s ease,border-bottom .3s ease}.desktopMenuListItem:hover{border-bottom:3px solid #ff0;color:#ff0;padding-bottom:.5rem}.desktopMenuBtn{align-items:center;background-color:#fff;border:none;border-radius:3rem;color:#000;cursor:pointer;display:flex;justify-content:center;margin-left:auto;order:1;padding:.5rem 1.5rem}.desktopMenuImg{height:1rem;margin:.5rem 1rem;object-fit:cover;width:1rem}.active{border-bottom:3px solid;color:#ff0;padding-bottom:.5rem}.mobMenu{cursor:pointer;display:none;height:1.8rem;object-fit:cover}@media screen and (max-width:720px){.navbar{gap:1;justify-content:space-between}.mobMenu,.navbar{display:flex}.desktopMenu,.desktopMenuBtn{display:none}.nav-content{align-items:flex-start;flex-direction:column;width:100%}.desktopMenu{justify-content:flex-start;margin:0;padding-left:0;width:100%}.navMenu{display:flex}}#intro{font-family:Playfair Display,serif;height:calc(50vw - 5rem);margin:0 auto;max-width:75rem;overflow:hidden;position:relative;width:100vw}.bg{height:100vh;object-fit:cover;position:absolute;right:0;top:-4rem;z-index:-1}.introContent{display:flex;flex-direction:column;font-size:3rem;font-weight:700;height:65vw;justify-content:center;padding:2rem;width:100vw}.hello{font-size:1.75rem;font-weight:100}.introName{color:#ff0}.introPara{font-size:medium;font-weight:100;max-width:45rem;padding:0}.bagImg{height:1rem;margin:0 .25rem;object-fit:cover}.btn{align-items:center;background-color:#fff;border:none;border-radius:2rem;display:flex;margin:1rem 0;padding:.75rem 1.5rem}@media screen and (max-width:840px){.bg{height:50vh;right:-5vw}#intro{height:calc(100vw - 4rem)}.introContent{font-size:10vw}.hello{font-size:4.5vw}}#skills{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:65rem;overflow:hidden;text-align:center;top:0;width:100vw}.skillTitle{font-size:3rem;font-weight:600;margin-bottom:1.5rem;padding-top:3rem}.skillDesc{font-size:1rem;font-weight:400;margin-bottom:2rem;max-width:51rem;max-width:45rem;padding:0 2rem;text-align:justify}.skillBars{margin:.5rem;max-width:80%;text-align:left;width:100vw}.skillBar{background:#323232;border-radius:.5rem;display:flex;margin:1rem;padding:1.5rem 2rem}.skillBarImg{height:3rem;margin-right:2rem;object-fit:cover;width:3rem}.skillBarText{font-size:.8rem;font-weight:200;margin-top:.6em;text-align:justify}@media screen and (max-width:720px){.skillBarText>p{font-size:2vw}}@media screen and (max-width:480px){.skillBarText>p{font-size:3vw}.skillBarText>h2{font-size:5vw}.skillBarImg{height:2.25rem;width:2.25rem}.skillBarText{word-wrap:break-word;-webkit-box-orient:vertical;display:-webkit-box;font-size:.8rem;font-weight:200;overflow:hidden;overflow-wrap:break-word;text-align:justify;text-overflow:ellipsis}}#works{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:60rem;min-width:calc(100vh - 4rem);padding:0 1rem;width:100vw}.worksTitle{font-size:3rem;font-weight:600;margin:1rem 0 1.5rem;padding-top:3rem}.worksText{font-size:1rem;font-weight:400;margin-bottom:2rem;max-width:45rem;padding:0 2rem;text-align:justify}.workImgs{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;max-width:65rem;width:100vw}.worksImg{border-radius:.9rem;height:20rem;margin:.5 rem;padding:6px;width:17rem}.workBtn{background:#fff;border:none;border-radius:2rem;font-size:1rem;margin:3rem 0;padding:.5rem 2.5rem}.desc-content{display:flex;flex-direction:column;max-width:45rem;text-align:justify}.desc-content p{border-radius:4px;margin-top:.5rem;padding:.2rem}.desc-content p span{font-weight:200}@media screen and (max-width:585px){.worksImg{height:48vw}}#contactPage{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:60rem;min-width:calc(100vh - 4rem);padding:0 1rem;text-align:center;width:100vw}.clientDesc{font-size:1rem;font-weight:400;margin-bottom:2rem;max-width:45rem;padding:0 4rem}.clientImgs{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;max-width:45rem}.clientImg{height:6rem;margin:auto;padding:.25rem;width:13rem}#clients{padding:2rem}.contactDesc{font-size:1rem;font-weight:400;margin-bottom:2rem;max-width:51rem;max-width:45rem;padding:0 2rem}.contactForm{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:1rem;max-width:60rem;width:90vw}.email,.msg,.name{background:#282828;border:none;border-radius:.5rem;color:#fff;font-size:medium;margin:.5rem;max-width:40rem;padding:.5rem 1rem;width:100%}.msg{color:green}.submitBtn{background:#fff;border:none;border-radius:.5rem;margin:2rem;padding:.75rem 3.5rem}.links{display:flex;flex-wrap:wrap}.link{margin:0 .75rem;object-fit:cover;width:2rem}.footer{background:#282828;color:#fff;font-size:small;font-weight:300;height:4rem}#profession,.footer{text-align:center;width:100vw}#profession{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:60rem;min-width:calc(100vh - 4rem);padding:0 1rem}.clientPageTitle{font-size:3rem;font-weight:600;margin:1rem 0 1.5rem;padding-top:3rem}.header h1{color:#007bff;font-size:24px}.header h2{color:#495057;font-size:18px}.experience-section h3,.tools-section h3{font-size:20px;margin-bottom:10px}.experience-card{background:#323232;border-radius:8px;margin-bottom:20px;padding:15px}.company-content{align-items:center;display:flex;gap:3px;justify-content:center}.company-content .company-logo{max-height:18px;max-width:20px}.experience-card h4{font-size:18px;margin-bottom:5px;padding-left:10px}.experience-card .duration{opacity:.7}.experience-card ul{font-weight:200;margin:10px 0;max-width:50rem;padding-left:20px;padding-right:20px;text-align:justify}.experience-card ul p{background-color:#2d2d2d;border-radius:4px;margin-top:.5rem;padding:.2rem .5rem}.tools-section .tools{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.tool-badge{background:#007bff;border-radius:5px;color:#fff;font-size:14px;padding:5px 10px}@media screen and (max-width:840px){#profession{padding:0 .5rem}.clientPageTitle{font-size:2.5rem;padding-top:2rem}.header h1{font-size:20px}.header h2{font-size:16px}.experience-section h3,.tools-section h3{font-size:18px}.experience-card{padding:10px}.experience-card h4{font-size:16px}.experience-card ul{font-size:14px;padding-left:15px;padding-right:15px}.company-content{gap:2px}.company-content .company-logo{max-height:14px;max-width:16px}.tools-section .tools{gap:8px}.tool-badge{font-size:12px;padding:4px 8px}}@media screen and (max-width:585px){#profession{padding:0 .5rem;width:100%}.clientPageTitle{font-size:2rem;padding-top:1.5rem}.header h1{font-size:18px}.header h2{font-size:14px}.experience-section h3,.tools-section h3{font-size:16px}.experience-card h4{font-size:14px}.experience-card ul{font-size:12px;padding-left:10px;padding-right:10px}.company-content{flex-direction:column;gap:5px}.company-content .company-logo{max-height:12px;max-width:14px}.tools-section .tools{gap:6px}.tool-badge{font-size:10px;padding:3px 6px}}
/*# sourceMappingURL=main.1d0e04cf.css.map*/