*{box-sizing:border-box;margin:0;padding:0}:root{--theme:#0a192f;--blueEffect:#64ffda;--whiteEffect:#ccd6f6;--grayEffect:#8892b0;--navyBlue:#233554;--font1:"Courier New",Courier,monospace;--font2:"SF Mono","Fira Code","Fira Mono","Roboto Mono",monospace;--font3:"Calibre","Inter","San Francisco","SF Pro Text",-apple-system,system-ui,sans-serif}body{background-color:#0a192f}body,header{background-color:var(--theme)}header{align-items:center;display:flex;justify-content:space-between;padding:15px 40px;position:fixed;width:100%;z-index:1000}.logo a{color:var(--whiteEffect);font-family:var(--font2);font-size:20px;text-decoration:none}.logo a:hover{color:var(--blueEffect)}.nav-links{right:0}.nav-links ul{align-items:center;display:flex}.nav-links li{list-style:none;padding-right:18px}.links a{color:var(--whiteEffect);font-family:var(--font1);font-size:15px;text-decoration:none}.links a span{font-size:12px;margin-right:5px}.links a span,.links a:hover{color:var(--blueEffect)}.nav-links .link-btn{border:1px solid var(--blueEffect);border-radius:5px;display:flex;padding:8px 10px}.hamburger{background-color:var(--theme);border:0;color:var(--blueEffect);display:none;font-size:20px}.hamburger:first-child{width:100%}.navbar-expand{background-color:var(--theme);display:none;margin-top:45px;padding:10px 40px;position:absolute;position:fixed;width:100%}.nav-menu-show{display:block}.navbar-expand .links{padding:10px 0}.navbar-expand li{list-style:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.navbar-expand .link-btn{border:1px solid var(--blueEffect);border-radius:5px;display:inline-block;margin-top:10px;padding:8px 10px}.link-btn:hover{background-color:rgba(100,255,218,.1)}.link-btn a{color:var(--blueEffect)}.side-social{bottom:0;left:20px;padding-top:10px;position:absolute;position:fixed;right:auto;width:40px}.side-social ul{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center}.side-social ul:after{background-color:var(--grayEffect);content:"";display:block;height:90px;margin:auto;width:1px}.side-social ul li{list-style:none;padding:8px 0}.side-social a{color:var(--grayEffect);font-size:18px;text-decoration:none}.side-social a:hover{color:var(--blueEffect);font-size:20px}.right-side{align-items:center;bottom:0;display:flex;justify-content:center;left:auto;padding-top:10px;position:absolute;position:fixed;right:20px;width:40px}.right-side ul li{list-style:none;margin-bottom:18px}.right-side ul a{color:var(--whiteEffect);font-family:var(--font2);font-size:12px;line-height:18px;text-decoration:none;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}.right-side ul a:hover{color:var(--blueEffect);font-size:14px}.right-side ul:after{background-color:var(--grayEffect);content:"";display:block;height:90px;margin:auto;width:1px}@media only screen and (min-width:1080px){header{padding:15px 80px}.navbar-expand{margin-top:45px;padding:10px 80px}.side-social{left:50px}.right-side{right:50px}}@media only screen and (max-width:780px){.hamburger{display:block}.nav-links,.right-side,.side-social{display:none}}@media only screen and (max-width:480px){header{padding:15px 10px}.navbar-expand{margin-top:40px;padding:10px}}.home-sec{display:flex;flex-direction:column;font-family:Calibre,Inter,San Francisco,SF Pro Text,-apple-system,system-ui,sans-serif;height:auto;justify-content:center;min-height:100vh;padding:40px 80px 15px}.sec-1{color:var(--blueEffect);font-family:var(--font1);font-size:clamp(14px,4vw,16px);margin-left:5px}.sec-1 h4{font-weight:100}.sec-2{color:var(--whiteEffect)}.sec-2,.sec-3{font-size:clamp(25px,6vw,60px);font-weight:600}.sec-3,.sec-4{color:var(--grayEffect)}.sec-4{margin-top:20px;max-width:540px}@media only screen and (min-width:1080px){.home-sec{padding:40px 150px 15px}}@media only screen and (max-width:780px){.home-sec{padding:15px 60px}}@media only screen and (max-width:550px){.sec-1{font-size:2vw}}@media only screen and (max-width:480px){.home-sec{padding:15px 10px}}.about-sec{height:auto;min-height:100vh;padding:40px 80px 15px}.about-head{color:var(--whiteEffect);font-family:var(--font1);font-size:32px;font-weight:700;padding:30px 0}.about-head span{color:var(--blueEffect);font-family:var(--font2);font-size:20px;font-weight:100}.about-head:after{background-color:var(--navyBlue);content:"";display:block;height:1px;width:auto}.about-div{display:flex;gap:30px}.about-details{width:70%}.about-details p{color:var(--grayEffect);font-family:var(--font3);font-size:16px;line-height:1.3;margin-bottom:10px}.about-details p a{color:var(--blueEffect);text-decoration:none}.about-details p a:hover{border-bottom:1px solid var(--blueEffect)}.about-img{padding:0 10px;position:relative;width:30%}.img-wrapper{display:block;position:relative;width:100%}.about-img img{border-radius:5px;height:100%;object-fit:cover;width:100%}.img-tag:after{background-color:var(--blueEffect);border-radius:5px;bottom:0;content:"";display:block;height:98.5%;left:0;opacity:.1;position:absolute;right:0;top:0;width:100%}.img-tag:hover:after{opacity:0;transition:all .25 ease-in}.about-img .img-wrapper:after{border:2px solid var(--blueEffect);border-radius:5px;content:"";display:block;height:100%;left:1.8vw;position:absolute;top:1.8vw;transition:all .25s cubic-bezier(.645,.045,.355,1);width:100%;z-index:-1}.img-wrapper:hover:after{left:1.3vw;top:1.3vw}.skills ul{display:flex;flex-wrap:wrap;gap:5px;justify-content:space-around;width:80%}.skills ul li{color:var(--grayEffect);font-family:var(--font1);font-size:16px;list-style-type:none;width:40%}.skills .skills-icon{color:var(--blueEffect);font-size:12px}@media only screen and (min-width:1080px){.about-sec{padding:40px 150px 15px}.about-details{width:65%}.about-img{width:35%}.about-details p{font-size:17px}}@media only screen and (max-width:780px){.about-sec{padding:15px 60px}.about-div{flex-direction:column-reverse;flex-wrap:wrap;gap:10px}.about-details{width:100%}.about-img{align-items:center;display:flex;justify-content:center;width:100%}.img-wrapper{margin-bottom:20px;width:40%}}@media only screen and (max-width:480px){.about-sec{padding:15px 10px}.skills ul{width:100%}}.exp-head{font-weight:700}.job a{text-decoration:none}.exp-sec{height:auto;min-height:100vh;padding:40px 80px 15px}.exp-head{color:var(--whiteEffect);font-family:var(--font1);font-size:32px;font-weight:0;padding:20px 0}.exp-head h1{font-weight:600}.exp-head span{color:var(--blueEffect);font-family:var(--font2);font-size:20px;font-weight:100}.exp-head:after{background-color:var(--navyBlue);content:"";display:block;height:1px;width:auto}.exp-div{font-family:var(--font3);width:100%}.job{padding:10px 0}.job .company{margin-left:10px}.job-head{color:var(--whiteEffect);font-size:22px;font-weight:400;line-height:1.3}.job a{color:var(--blueEffect);transition:all .5s ease-in}.job a:hover{border-bottom:1px solid var(--blueEffect)}.job .duration{color:var(--grayEffect);font-size:13px;margin-bottom:15px}.job-desc{color:var(--grayEffect);padding-left:5px}.job-desc ul li{display:flex;font-size:16px;line-height:1.3;list-style:none;margin-bottom:10px}.job ul li span{color:var(--blueEffect);font-size:14px;padding-right:10px}@media only screen and (min-width:1080px){.exp-sec{padding:40px 150px 15px}}@media only screen and (max-width:780px){.exp-sec{padding:15px 60px}}@media only screen and (max-width:480px){.exp-sec{padding:15px 10px}}.contact-sec{align-items:center;color:#fff;display:flex;flex-direction:column;height:auto;justify-content:center;min-height:100vh;padding:40px 80px 15px}.contact-head{color:var(--whiteEffect);font-family:var(--font1);font-size:34px;font-weight:700;padding:30px 0}.contact-head span{color:var(--blueEffect);font-family:var(--font2);font-size:20px;font-weight:100}.contact-content{align-items:center;display:flex;flex-direction:column;padding:10px 0;width:80%}.mail-icon{color:var(--blueEffect);font-size:60px}.contact-content p{color:var(--grayEffect);font-family:var(--font3);font-size:18px;font-weight:400;line-height:1.3;text-align:center}.contact-me{margin:60px 0 30px}.contact-me a:hover{background-color:rgba(100,255,218,.1)}.contact-me a{border:1px solid var(--blueEffect);border-radius:4px;color:var(--blueEffect);font-family:var(--font2);font-size:14px;padding:20px;text-decoration:none}.social-contact p{font-size:12px}.social-icons{padding:10px}.social-icons a{color:var(--whiteEffect);margin:10px;text-decoration:none}.social-icons a:hover{color:var(--blueEffect)}.social-icons .icons{font-size:20px}@media only screen and (min-width:1080px){.contact-sec{padding:40px 150px 15px}.contact-content{width:70%}}@media only screen and (max-width:780px){.contact-sec{padding:15px 60px}.contact-content{width:90%}}@media only screen and (max-width:480px){.contact-sec{padding:15px 10px}}
/*# sourceMappingURL=main.6ef30c35.css.map*/