@import url(https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;600&family=Jost:wght@200;300;400;500;600;700;800;900&family=Poppins:wght@300;400;500;600;700&family=Raleway:wght@400;700;900&display=swap);*{box-sizing:border-box;padding:0}*,body{margin:0}body{background-color:#555;font-family:Poppins,sans-serif;font-size:15px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{text-decoration:none}.primary-bg{background-color:#222}.secondary-bg{background-color:#3a3a3a}.primary-color,a{color:#ededed}.colorized{color:#04b4e0}.colorized-bg{background-color:#04b4e0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#ddd;border-radius:10px}::-webkit-scrollbar-track{background:#4c4c4c}.main-container{display:grid;grid-template-columns:85px 400px auto;height:100vh;margin:0 auto;max-width:1400px;overflow:hidden}@media (min-width:1400px){.main-container{border-radius:10px;box-shadow:0 0 70px -5px #0000008c;height:calc(100vh - 40px);margin:20px auto}}.page-container{min-height:100vh;padding:45px}.page-title{font-size:clamp(26px,7vw,35px);font-weight:500;padding-bottom:10px}.sub-title{font-size:clamp(20px,7vw,24px);font-weight:500;padding:30px 0}.scrollable-container{overflow-y:auto}@media (max-width:1270px){.main-container{grid-template-columns:85px 350px auto!important}}@media (max-width:1210px){.main-container{display:grid;grid-template-columns:85px 350px auto!important;height:100vh;margin:0 auto;max-width:1400px;overflow:hidden}.about-container,.edu-skill{grid-template-columns:1fr!important}.edu-skill{grid-column-gap:30px;display:grid}.bp-body{padding:30px 0!important;width:100%!important}}@media (max-width:1050px){.blog-container,.work-container{grid-template-columns:1fr!important}.contact-body{display:flex!important;flex-direction:column}.address-boxes{order:2}.contact-form{margin-bottom:50px!important;order:1}.project-desc{grid-template-columns:1fr!important}}@media (max-width:1000px){.wi-boxes{grid-template-columns:1fr!important}}@media (max-width:890px){.toggle-container{display:block!important}.page-container{padding:45px 25px!important}.main-container{grid-template-columns:1fr!important}.profile{display:none!important}.side-menu{margin-right:-300px!important;position:fixed!important;right:0!important;top:0!important;transition:.3s;width:300px!important}.side-menu-profile{display:block!important}.side-menu nav a{align-items:center!important;flex-direction:row!important;gap:18px;height:55px!important;justify-content:flex-start!important;padding-left:20px!important;text-align:left!important}.side-menu nav a i{display:inline-block!important;font-size:22px!important;margin:0 6px!important}.side-menu nav a span{display:inline-block!important;padding:2px 0!important}.side-menu nav li{border-bottom:none!important}.active.side-menu{box-shadow:0 -5px 30px #0000002b;margin-right:0!important}.sw-heading{display:block!important}.sw-heading a{margin-left:0!important;margin-right:20px!important}.sw-heading h2{margin-bottom:10px!important}p.peoject-perpuse{padding-left:0!important}::-webkit-scrollbar{width:0!important}}@media (max-width:460px){.page-container{padding:45px 15px!important}.post-footer p{font-size:12px!important;line-height:30px!important}}.lazy-load-image-background{width:100%}.a-text p{color:#ddd;font-size:14px;margin-bottom:15px}.about-container{grid-gap:30px;display:grid;grid-template-columns:1fr 1fr}.a-address p{font-size:15px;margin-bottom:10px}.a-address span{margin-right:6px}.what-ido{padding:30px 0}.wi-boxes{grid-gap:30px;display:grid;grid-template-columns:1fr 1fr}.wi-box{margin-bottom:30px}.wi-box svg{color:#04b4e0;font-size:50px}.wi-box h4{font-size:18px;font-weight:600;padding-bottom:10px}.edu-skill{grid-column-gap:30px;display:grid;grid-template-columns:1fr 1fr}.ee-box{display:grid;grid-template-columns:105px 1fr}.ee-box-left{border-right:1px solid #3a3a3a;padding-right:15px;text-align:right}.ee-box-left h4{color:#aaa;font-size:15px;font-weight:500;padding-bottom:10px}.ee-box-left h5{color:#888;font-weight:400}.ee-box-right{padding-left:15px}.ee-box-right h3{font-size:16px;font-weight:600;padding-bottom:10px}.ee-box-right p{color:#cfcfcf;font-size:13px;padding-bottom:10px}.ee-box p:last-child{padding-bottom:25px}.ee-box:last-child p:last-child{padding-bottom:0}.skill-boxes{display:flex;flex-direction:column;gap:10px}.single-skill-box{background-color:#2c2c2c;border-radius:5px;display:flex;justify-content:space-between;padding:14px 20px}.skill-title{font-size:16px;font-weight:500;margin-bottom:5px}.single-skill-box p{color:#ddd;font-size:12px}.single-skill-box p span{color:#04b4e0}.skill-level{align-items:center;display:flex;gap:5px}.skill-level>div{border-radius:2px;height:30px;width:5px}.year-level{background-color:#04b4e0}.project-level{background:linear-gradient(244deg,#68b1d6,#b9b9b9)}.testimonial{padding:30px 0}.testimonial-header{align-items:center;display:flex;justify-content:space-between}.testi-slider-btns{display:flex;gap:15px}.testi-slider-btns button{align-items:center;background-color:#3a3a3a;border:none;color:#fff;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:5px}.testi-slider-btns button.disabled{background-color:#2a2a2a;color:#818181;cursor:not-allowed;pointer-events:none}.testi-slider-container{overflow:hidden}.testi-boxes{display:grid;grid-template-columns:repeat(3,100%);padding-top:20px;transition:.5s}.tesi-double-box-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.testi-box{border:2px solid #444;border-radius:15px;margin:45px auto 0;max-width:500px;padding:70px 25px 25px;position:relative;width:100%}.testi-box img{border-radius:100%;display:block;height:90px;left:50%;position:absolute;top:-45px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:90px}.testi-box p{font-style:oblique}.testi-box h4{padding:20px 0 0}.testi-box h5{font-weight:200}.home-content{align-items:center;display:flex;justify-content:center;min-height:90vh;overflow:hidden;text-align:center}.home-name{font-size:clamp(37px,8vw,50px);font-weight:500}.home-title{font-size:22px}.home .page-container{padding:0}.side-menu{min-height:100vh;overflow-y:auto;z-index:900}.scrollable-div{background-color:#222;height:100vh;overflow-x:hidden;overflow-y:auto;padding-bottom:40px}.scrollable-div::-webkit-scrollbar,.side-menu::-webkit-scrollbar{width:0}.side-menu nav ul{list-style:none;margin:0;padding:0}.side-menu nav li{margin-bottom:2px}.side-menu nav a svg{font-size:30px}.side-menu nav a span{font-size:13px;margin-top:4px}.side-menu nav a{align-items:center;background-color:#2a2a2a6b;display:flex;flex-direction:column;height:80px;justify-content:center}.side-menu nav a.active{background-color:#3a3a3a}.side-menu nav a.active span{color:#fff}.toggle-container{display:none;position:absolute;right:15px;top:10px;z-index:1000}.toggle-circle{border-radius:50%;height:50px;transition:.3s ease-in-out;width:50px}.toggle-circle,.toggle-container .menu-icon{align-items:center;display:flex;justify-content:center}.toggle-container .menu-icon{cursor:pointer;height:20px;position:relative;width:30px;z-index:600}.toggle-container .menu-icon:before{background-color:#ddd;box-shadow:0 8px #ddd;content:"";height:2px;position:absolute;-webkit-transform:translateY(-8px);transform:translateY(-8px);transition:.2s;width:100%}.toggle-container .active.menu-icon:before{box-shadow:none;-webkit-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg)}.toggle-container .menu-icon:after{background:#ddd;content:"";height:2px;-webkit-transform:translateY(8px);transform:translateY(8px);transition:.2s;width:100%}.toggle-container .active.menu-icon:after{-webkit-transform:translateY(0) rotate(-45deg);transform:translateY(0) rotate(-45deg)}.side-menu-profile{border-bottom:1px solid #3a3a3a;display:none;margin-bottom:13px;padding-bottom:26px;text-align:center}img.sidebar-img{border-radius:50%;display:block;height:120px;margin:50px auto 5px;object-fit:cover;width:120px}h2.sidebar-name{color:#ddd;font-weight:500}.side-menu .profile-social a{margin:3px}.profile{min-height:100vh;overflow-y:auto;scrollbar-width:thin;text-align:center}.profile::-webkit-scrollbar{width:0}.profile-img{border-radius:100%;display:block;height:200px;margin:0 auto 20px;object-fit:cover;width:200px}.profile-name{font-size:34px;font-weight:600}.profile-title{font-weight:400;letter-spacing:2px}.profile-social{gap:10px;margin:10px 0}.profile-social,.profile-social a{display:flex;justify-content:center}.profile-social a{align-items:center;border-radius:50%;height:35px;transition:.3s;width:35px}.profile-social a:hover{background-color:#555}.resume-btn{border:1px solid #555;display:block;margin:0 auto 30px;padding:10px;transition:.3s;width:180px}.resume-btn:hover{background-color:#555}.profile-body{min-height:calc(100vh - 26px);padding-top:50px}.profile-footer{color:#959595;font-size:10px;padding:5px 0;text-align:center}.contact-form .sub-title{padding-top:0}.contact-body{grid-column-gap:30px;display:grid;grid-template-columns:250px auto;margin-top:20px}.address-box{background:#333;display:grid;margin-bottom:16px;padding:18px 0;place-items:center}.address-box i{font-size:40px;padding-bottom:10px}.address-box h4{font-size:15px;font-weight:300}.in-style{border:2px solid transparent;border-radius:3px;color:#444;display:inline-block;margin-bottom:22px;outline:none;padding:10px 15px;width:100%}.in-style::-webkit-input-placeholder{font-style:oblique}.in-style:-ms-input-placeholder{font-style:oblique}.in-style::placeholder{font-style:oblique}.in-style:focus{border:2px solid #09c}.contact-btn{background-color:#424242;border:0;border-radius:3px;color:#ddd;cursor:pointer;font-size:16px;padding:9px 32px;transition:.4s}.contact-btn:hover{background:#09c;color:#fff}.skeleton{background-color:#666;border-radius:4px;margin:5px 0}.skeleton.text{height:12px;width:100%}.skeleton.title{height:20px;margin-bottom:15px;width:100%}.skeleton.circle{border-radius:50%;height:100px;width:100px}.skeleton.square{height:100px;width:100%}.skeleton-wrapper{background-color:#282828;border-radius:4px;overflow:hidden;padding:10px 10px 0;position:relative}.skeleton-blog .square{height:250px}.skeleton-work .square{height:300px}.skeleton-single-work .square{height:385px}.shimmer-wrapper{height:100%;left:0;position:absolute;top:0;width:100%}.shimmer{-webkit-animation:loading 1.5s infinite;animation:loading 1.5s infinite;background-color:hsla(0,0%,100%,.03);box-shadow:0 0 30px 30px hsla(0,0%,100%,.03);height:100%;-webkit-transform:skewX(-20deg);transform:skewX(-20deg);width:50%}@-webkit-keyframes loading{0%{-webkit-transform:translateX(-200%);transform:translateX(-200%)}50%{-webkit-transform:translateX(-60%);transform:translateX(-60%)}to{-webkit-transform:translateX(200%);transform:translateX(200%)}}@keyframes loading{0%{-webkit-transform:translateX(-200%);transform:translateX(-200%)}50%{-webkit-transform:translateX(-60%);transform:translateX(-60%)}to{-webkit-transform:translateX(200%);transform:translateX(200%)}}.blog-container{grid-gap:30px;display:grid;grid-template-columns:1fr 1fr}.lazy-load-image-background.blur{-webkit-filter:blur(15px);filter:blur(15px)}.lazy-load-image-background.blur.lazy-load-image-loaded{-webkit-filter:blur(0);filter:blur(0);transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s,-webkit-filter .3s}.lazy-load-image-background.blur>img{opacity:0}.lazy-load-image-background.blur.lazy-load-image-loaded>img{opacity:1;transition:opacity .3s}.blog-card{background-color:#2e2e2e96;box-shadow:0 0 10px #1c1c1cc7;overflow:hidden;width:100%}.blog-img-container{height:250px;overflow:hidden}.blog-img-container img{height:100%;object-fit:cover;width:100%}.blog-title-wrapper{padding:20px}.blog-title-wrapper h3{font-weight:500}.work-card{background-color:#2e2e2e96;border-top-left-radius:5px;border-top-right-radius:5px;overflow:hidden;position:relative}.work-img-wrapper{background-position:top;background-size:cover;height:300px;overflow:hidden;transition:3s}.work-card:hover .work-img-wrapper{background-position:bottom}img.work-card-img{transition:1.5s!important;width:100%}.card-browser span{background-color:#ddd;border-radius:50%;display:inline-block;height:7px;margin-left:5px;width:7px}h3.work-name{font-size:16px;font-weight:500;padding:13px 0;text-align:center}.project-category{color:#ddd;display:block;font-size:11px;letter-spacing:2px;padding:3px 10px;position:absolute;right:0;text-align:right;top:0;-webkit-transform-origin:center center;transform-origin:center center;z-index:2}.work-filter{display:flex}.work-filter button{background-color:transparent;border:none;color:#d1d1d1;cursor:pointer;margin-right:10px;padding:5px 10px}.work-filter button.active{color:#fff}.work-container{grid-gap:30px;display:grid;grid-template-columns:1fr 1fr;margin-top:30px}.lnr-arrow-left{display:inline-block;font-size:25px;margin-bottom:30px;transition:.3s cubic-bezier(.4,0,0,.63);width:50px}.lnr-arrow-left:hover{-webkit-transform:translateX(10px);transform:translateX(10px)}.sw-image{max-height:385px;overflow:hidden}.sw-image,.sw-image img{width:100%}.sw-heading{align-items:center;display:flex;justify-content:space-between;margin:20px 0}.sw-heading a{display:inline-block;font-size:15px;margin-left:20px;margin-top:10px;transition:.2s}.sw-heading a:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}p.work-overview{margin:30px 0}h3.work-perpuse-title{font-size:18px;font-weight:500;margin-bottom:15px}p.peoject-perpuse ul{list-style:none;margin:0;padding:0}p.peoject-perpuse{line-height:28px;padding-left:30px}p.peoject-perpuse span{color:#61b4f1;display:inline-block;margin-right:8px}.project-desc{grid-gap:20px;display:grid;grid-template-columns:1fr 280px}.project-links-container{background-color:#2a2a2a;padding:25px}.project-links-container h4{font-size:15px;margin-bottom:7px}.project-links-container a,.project-links-container h4{align-items:center;display:flex;font-weight:300;gap:10px}.project-links-container a{color:#409fde;margin-bottom:10px}.tech-container{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.project-links-container p{margin-top:20px}.tech-container span{background-color:#383838;border-radius:3px;font-size:12px;padding:2px 13px}.project-links-container svg{color:#409fde;font-size:20px}table.work-desc-table td{color:#ddd;font-size:14px;font-weight:300;padding:2px}table.work-desc-table tr td:first-child{display:block;font-size:14px;padding-top:5px}.bp-header{background:#999;max-height:350px;overflow:hidden;width:100%;z-index:0}.bp-header img{height:350px;margin-bottom:-7px;object-fit:cover;width:100%}.bp-body{background:#222;margin:-70px auto 0;padding:30px;position:relative;width:90%;z-index:1}.bp-body h3{font-size:15px;font-weight:300;padding-bottom:15px}.bp-body h2{font-size:clamp(20px,7vw,28px);font-weight:400;padding-bottom:15px}.bp-body p{font-size:15px;font-weight:300;margin-bottom:20px}.bp-body p span{color:#fff}.bp-body p.italic{border-left:1px solid #ddd;font-style:oblique;padding-left:30px}.post-footer{background:#333;border:1px solid #444;display:grid;grid-template-columns:1fr .5fr;padding:7px 15px}.pf-left p{display:inline-block;margin-bottom:0}.pf-left p:first-child{border-right:1px solid #999;margin-right:10px;padding-right:10px}.pf-left p i{color:#999}.pf-right{text-align:right}.pf-right a{background:#222;display:inline-block;height:30px;margin-left:5px;text-align:center;transition:.3s;width:30px}.pf-right a:hover{background:#09c}.pf-right a:hover i{color:#fff}.pf-right a i{color:#999;line-height:30px}.post-keywords{margin-top:15px}.post-keywords a{background:#333;border-radius:2px;display:inline-block;font-size:11px;margin-right:4px;padding:5px 10px}
/*# sourceMappingURL=main.e8fd1612.css.map*/