#about{display:flex;flex-direction:column;margin:0 auto;max-width:60rem;min-height:calc(100vh - 4rem);padding:1rem;width:100vw}.aboutTitle{font-size:1.7rem;font-weight:600;margin-bottom:.2rem;margin-top:3rem}.aboutDesc{font-size:1rem;font-weight:200;max-width:55rem;padding:.5rem 0}.tabs{display:flex;margin:20px 0}.tab-links{cursor:pointer;font-size:1rem;font-weight:500;margin-right:6rem;position:relative}.tab-links:after{background:#627a84;bottom:-8px;content:"";height:3px;left:0;position:absolute;transition:.5s;width:0}.tab-links.active-link:after{width:130%}.tab-contents ul li{font-size:13px;margin:1rem}.tab-contents ul li span{color:var(--text_theme_color);font-size:15px;font-weight:600}.tab-contents{display:none}.tab-contents.active-tab{display:block}@media screen and (max-width:720px){.tabs{display:flex;margin:30px 0 7px;overflow-x:auto;padding:10px 0 12px;scrollbar-color:#888 #f1f1f1;scrollbar-width:thin;white-space:nowrap}.tab-links{flex-shrink:0;font-size:1rem;font-weight:500;margin-right:2rem}}@media screen and (max-width:480px){#about{padding:0 2rem 2rem}.aboutTitle{font-size:1.5rem;font-weight:600}.aboutDesc{font-size:4vw;text-align:justify}.tab-contents ul li span{font-size:3.7vw;font-weight:600}.tab-contents ul li{font-size:3.5vw}.tab-links{font-size:4vw;margin-right:2rem}.tab-links.active-link:after{width:100%}}#contact{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:60rem;min-height:calc(100vh - 7rem);padding-top:2rem;text-align:center;width:100vw}.contactTitle{font-size:2rem;margin-top:1rem}.contactDesc{font-size:medium;font-weight:300;padding:1rem}.contactForm{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:1rem;max-width:60rem;width:90vw}.email,.msg,.name{background:var(--container_color);border:ridge;border-radius:.5rem;color:var(--body_color);font-size:medium;margin:.5rem;max-width:40rem;padding:.5rem 1rem;width:100%}.submitBtn{background:var(--button_color);border:none;border-radius:2rem;color:#000;margin:.5rem;padding:.75rem 3.5rem}.submitBtn:hover{background:#627a84;color:#fff;cursor:pointer}.socialLinks{display:flex;flex-wrap:wrap;margin:1.5rem}.link{height:1.5rem;margin:0 1rem;object-fit:cover;width:1.5rem}.link:hover{cursor:pointer}@media screen and (max-width:480px){.contactTitle{font-size:1.5rem;font-weight:600}.contactForm{padding:.5rem}}.footer{align-items:center;background:var(--container_color);font-size:smaller;font-weight:100;height:3rem;justify-content:center;padding:.5rem;text-align:center;width:100vw}.gmail{color:var(--body_color);text-decoration:underline}.gmail:hover{color:#627a84;cursor:pointer}.linkedIn{color:var(--body_color);text-decoration:underline}.linkedIn:hover{color:#627a84;cursor:pointer}@media screen and (max-width:480px){.footer{font-size:x-small}}#intro{display:flex;height:calc(100vh - 4rem);margin:0 auto;max-width:75rem;overflow:hidden;width:100vw}.bgImg{position:absolute;right:5rem;top:0;z-index:-1}.bgImg,.bgImg1{height:100vh;object-fit:cover;width:60vh}.introContent{display:flex;flex-direction:column;font-size:2.2rem;font-weight:700;height:100vh;justify-content:center;margin-left:5rem;padding:2rem;width:110vh;z-index:1}.greeting{font-size:1.3rem;font-weight:100;padding-bottom:.5rem}.intoAsad{color:#627a84}.introPara{font-size:medium;font-weight:100;padding:1.2rem 0}.hireMeBtn{align-items:center;background:var(--button_color);border:none;border-radius:2rem;display:flex;justify-content:center;margin:1rem 0;padding:.5rem 1.2rem}.hireMeBtn:hover{background:#627a84;color:#fff;cursor:pointer}.hireMe{height:1.5rem;margin:0 .25rem;object-fit:cover;width:1.5rem}@media screen and (max-width:840px){.bgImg{height:100vh;object-fit:cover;right:0;width:100vw}.introContent{font-size:4vw;margin-left:0;width:100vw}.greeting{font-size:2vw}}@media screen and (max-width:480px){.bgImg{height:100vh;object-fit:cover;padding-left:7rem;right:0;width:100vw}.introContent{font-size:5vw;width:100vw}.greeting{font-size:4vw}.introPara{font-size:small}}.navbar{align-items:center;background:var(--body_background);display:flex;height:4rem;justify-content:space-between;margin:0 auto;max-width:75rem;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;width:100vw;z-index:3}.logo{height:3rem;object-fit:cover;width:3rem}.contact-DarkMode-container{align-items:center;display:flex;justify-content:space-between}.desktopMenuBtn{align-items:center;background:var(--button_color);border:none;border-radius:2rem;color:#000;display:flex;justify-content:center;padding:0 .8rem}.desktopMenuBtn:hover{background:#627a84;color:#fff;cursor:pointer}.desktopMenuImg{height:1rem;margin:.5rem;object-fit:cover;width:1rem}.desktopMenuListItem{cursor:pointer;font-size:.8rem;font-weight:700;margin:1.5rem;text-transform:uppercase}.desktopMenuListItem:hover{border-bottom:3px solid #627a84;color:#627a84;padding-bottom:.5rem}.active{background:#627a84;cursor:pointer;margin:1.5rem;padding:.5rem}.active:hover{color:#fff;cursor:pointer}.dark_mode{margin-left:10px;margin-top:-20px}.dark_mode_label{background:#ebebeb;border-radius:200px;box-shadow:inset 0 5px 15px #0006,inset 0 -5px 15px #fff6;cursor:pointer;display:block;height:35px;object-fit:cover;position:relative;transition:.3s;width:21px}.dark_mode_label:after{background:linear-gradient(180deg,#627a84,#627a84);border-radius:180px;box-shadow:0 5px 10px #0003;content:"";height:15px;left:3px;position:absolute;top:3px;transition:.3s;width:15px}.dark_mode_input{height:0;visibility:hidden;width:0}.dark_mode_input:checked+.dark_mode_label{background:#242424}.dark_mode_input:checked+.dark_mode_label:after{background:linear-gradient(180deg,#777,#3a3a3a);top:calc(100% - 18px)}.dark_mode_label:active:after{width:15px}.dark_mode_label svg{position:absolute;top:5px;width:20px;z-index:100}.dark_mode_label svg.sun{fill:#fff;left:5px;transition:.3s}.dark_mode_label svg.moon{fill:#7e7e7e;left:40px;transition:.3s}.dark_mode_input:checked+.dark_mode_label svg.sun{fill:#7e7e7e}.dark_mode_input:checked+.dark_mode_label svg.moon{fill:#fff}.mobMenu{border-radius:.15rem;display:none;height:1.8rem;object-fit:cover}.navMenu{background:#282828;border-radius:.5rem;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-width:75%;padding:.5rem;position:absolute;right:.3rem;top:4rem;z-index:2}.listItem{background:#1e1e1e;color:#fff;margin:.25rem;padding:.5rem 3rem}@media screen and (max-width:720px){.mobMenu{display:flex}.contact-DarkMode-container,.desktopMenu,.desktopMenuBtn{display:none}.dark_mode2{align-items:center;display:flex;justify-content:space-between;padding:.5rem 1rem}.dark_mode_label{height:25px;width:55px}.dark_mode_label:after{height:20px;width:20px}.dark_mode_input:checked+.dark_mode_label:after{left:50px;top:calc(100% - 22px);transform:translateX(-100%)}.dark_mode_label:active:after{width:25px}}#service{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:60rem;min-height:calc(100vh - 8rem);text-align:center;width:100vw}.serviceTitle{font-size:2rem;font-weight:600;margin-bottom:1rem}.skillsImgs{display:flex;flex-wrap:wrap;justify-content:center;max-width:70rem;width:100vw}.skillImg{min-width:5.5rem;object-fit:cover;padding:1.25rem 1.8rem;width:4rem}.serviceDesc{font-size:1rem;font-weight:200;max-width:55rem;padding:0 2rem}.serviceBars{max-width:90%;text-align:left;width:100vw}.devBar,.serviceBars{display:flex;margin:1rem}.devBar{background:var(--container_color);border-radius:.5rem;padding:1.5rem 2rem;width:50%}.devBarImg{height:2.5rem;margin-right:1.5rem;object-fit:cover;width:2.5rem}.devBarText>h2{font-size:1rem}.devBarText>p{font-size:.7rem;font-weight:200;padding-top:.35rem}@media screen and (max-width:720px){.serviceBars{display:flex;flex-direction:column;width:80%}.devBar{width:90%}.devBarText>p{font-size:2vw}}@media screen and (max-width:480px){.serviceTitle{font-size:1.5rem}.devBar{margin:.5rem 0;padding:1rem 1.5rem;width:100%}.devBarImg{height:2.25rem;width:2.25rem}.serviceDesc{font-size:3.5vw;text-align:justify}.devBarText>h2{font-size:3.7vw}.devBarText>p{font-size:2.7vw}.devBarImg{height:2rem;width:2rem}.skillsImgs{width:90vw}.skillImg{min-width:1.5rem;object-fit:cover;padding:1rem;width:4rem}}
/*# sourceMappingURL=main.e7020c71.css.map*/