@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap);.header{align-items:center;background-color:#fff;background:rgba(255,166,0,.068);display:flex;height:5rem;justify-content:space-between;padding:1.6rem 3.2rem;position:fixed;top:0;translate:all .3s;width:100%;z-index:99}.header .brand{color:inherit;font-size:1.5rem;font-weight:700;text-decoration:none;z-index:100}.header .mobile-nav-circle{display:none}.scroll-down{background-color:#fff;box-shadow:0 0 2.4rem rgba(0,0,0,.2)}.nav-mobile-btn,.nav-mobile-btn .mobile-icon-close{display:none}.nav-list{align-items:center;display:flex;gap:2.4rem;list-style:none}.nav-link:link,.nav-link:visited{color:inherit;font-size:1.4rem;font-weight:500;text-decoration:none;transition:color .3s}.nav-link:active,.nav-link:hover{color:var(--base-color)}@media (max-width:69em){.nav{align-items:center;color:var(--bg-color);display:flex;height:100vh;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition-delay:.2s;visibility:hidden;width:100%}.nav-list{display:flex;flex-direction:column;gap:4rem}.nav-link:link,.nav-link:visited{font-size:2rem}.nav-mobile-btn{background-color:initial;border:none;color:var(--bg-color);display:block;position:relative}.nav-open .mobile-icon-close{display:block}.nav-open .mobile-icon-open{display:none}.nav-open .nav{opacity:1;pointer-events:auto;visibility:visible}.header .brand{transition-delay:.2s}.header .mobile-nav-circle{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:rgba(255,163,77,.534);border-radius:50%;display:inline-block;height:300vmax;left:100%;position:absolute;top:0;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;width:300vmax;z-index:-1}.nav-open{&>.mobile-nav-circle{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}.nav-open>.header .breand{color:#fff}}.hero{padding-top:150px;position:relative}.herocol-2{width:48%}.hero-info h1{font-family:var(--base-font);font-size:var(--h1-size);margin:10px 0}.cta,.hero-socials-list{align-items:center;display:flex;gap:20px}.hero-socials-list{list-style:none;padding-bottom:20px;padding-top:15px}.social-list-item1{padding:0 10px}.social-list-item1 img{background-color:var(--bg-color);border-radius:7px;padding:5px;width:60%}.social-list-item2{background-color:var(--bg-color);border-radius:10px;color:#fff;padding:5px 15px}.social-list-item2:hover{background-color:var(--base-color)}.hero-button:hover{background:var(--base-color)}.hero-image{position:relative}.hero-image img{border-radius:50%;width:80%}@media (max-width:50em){.hero-image img{width:80%}.hero-info h1{font-size:50px}}@media (max-width:33em){.herocol-2{width:95%}.hero-image img{margin:0 10%;width:80%}.hero-info h1{font-size:30px}.hero-info h3{font-size:20px}.hero-info p{font-size:14px}.hero-socials-list{gap:10px}.social-list-item1 img{width:48%}.social-list-item2{font-size:11px}}.about-info{background-color:#fff;border-radius:1rem;box-shadow:0 0 2.8rem rgba(0,0,0,.15);font-size:2rem;line-height:1.5;padding:2rem}.aboutme-important{color:var(--h1-color);font-weight:500}@media (max-width:33em){.about-info{padding:1rem;width:95%}.about-info p{font-size:1rem}}.skill-container{grid-column-gap:2.5rem;-webkit-column-gap:2.5rem;column-gap:2.5rem;display:grid;grid-template-columns:1fr 1fr 1fr;justify-items:center}.skills-card{align-items:center;background-color:#fff;border-radius:1rem;box-shadow:0 0 2.8rem rgba(0,0,0,.15);display:flex;flex-direction:column;gap:2rem;padding:2.4rem}.skill-items{grid-column-gap:3rem;grid-row-gap:2.5rem;-webkit-column-gap:3rem;column-gap:3rem;display:grid;grid-template-columns:1fr 1fr 1fr;row-gap:2.5rem;text-align:center;width:80%}.single-logo{position:relative}.single-logo-logo{transition:all .3s;width:120%}.single-logo-description{font-size:1rem;font-weight:700;left:50%;opacity:0;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:opacity .3s}.single-logo:hover .single-logo-logo{-webkit-filter:blur(1rem);filter:blur(1rem)}.single-logo:hover .single-logo-description{opacity:1}@media (max-width:69em){.skill-container{grid-template-columns:1fr;justify-items:center;margin:0 auto;row-gap:4rem;width:80%}.skills-card{padding:1rem 4rem}.skill-items{-webkit-column-gap:6rem;column-gap:6rem;grid-template-columns:1fr 1fr;justify-items:center;row-gap:2rem}}@media (max-width:33em){.skill-container{margin-left:10px}.single-logo-logo{width:200%}}.project-info li{line-height:30px}.project-image img{align-content:space-between;border-radius:20px;padding:30px 15px;width:110%}.project-tech-img{margin:0 3px;width:7%}.project-button{border:3px solid var(--base-color);border-radius:10px;color:#000;margin-left:30px;padding:5px 15px;position:relative;top:-15px}.project-button:hover{background-color:var(--base-color);color:#fff}.project-slide{display:none}.fade{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-name:fade;animation-name:fade}@-webkit-keyframes fade{0%{opacity:.4}to{opacity:1}}@keyframes fade{0%{opacity:.4}to{opacity:1}}@media (max-width:55em){.project-image img{justify-items:center;margin-bottom:40px;margin-top:-90px;padding:0 15px;width:80%}.project-tech-img{width:5%}}@media (max-width:33em){.projects{margin-left:0;padding-left:18px}.project-tech-img{width:11%}}.form{background:#fff;border-radius:8px;box-shadow:0 0 40px -10px #000;margin:0 auto;max-width:calc(100vw - 40px);padding:20px 30px;position:relative;width:80%}.form,input{box-sizing:border-box}input{background:none;border:0;border-bottom:2px solid #bebed2;margin:20px 0;outline:none;padding:10px;resize:none;transition:all .3s;width:100%}input:focus{border-bottom:2px solid #78788c}input:before{color:#5a5a5a;content:attr(type);display:block;font-size:16px;margin:50px 0 0}.contact-btn{background:0;border:2px solid #78788c;border-radius:10px;color:#5a5a6e;cursor:pointer;font-size:16px;margin:20px 40% 0;padding:8px 12px;transition:all .3s}.contact-btn:hover{background:#78788c;color:#fff}@media (max-width:33em){.form{margin-left:4px;width:90%}.contact-btn{margin-left:60px;margin-right:10px}}.col-3-footer{width:32%}.footer-area{background-color:var(--bg-color);color:#fff;display:grid;grid-template-columns:50fr 25fr 25fr;padding:2% 0 2% 18%}.footer-area h3{color:#fff}.footer-widget{align-items:flex-start;display:flex;flex-direction:column;row-gap:2.4rem}.footer-text p{color:#fff;font-size:16px}.footer-links{row-gap:2.4rem}.footer-links ul a{color:#fff;font-size:16px;line-height:30px}.footer-socials img{width:8%}.footer-socials li{color:#fff;row-gap:2.4rem;text-decoration:none}.footer-social-color{background-color:#fff;border-radius:5px;padding:4px;width:90%}.border-bottom{border-bottom:1px solid #d2d2d2;padding-bottom:5px}.footer-copyright p{color:#fff;font-size:12px}@media (max-width:39em){.footer-area{background-color:#fff}.footer-area .row{border-top:2px solid #d2d2d2}.footer-area h3,.footer-copyright p,.footer-links ul a,.footer-text p{color:#000}}@media (max-width:33em){.col-3-footer{width:100%}.footer-area{padding-left:8px}.footer-text p{padding-left:10px;text-align:justify}.footer-links li{text-align:center}.footer-socials{flex-direction:row}.footer-socials li{text-align:center}.footer-socials img{width:10%}}:root{--base-color:#ffb95d;--base-font:"Poppins","sans-serif";--second-color:#f90;--bg-color:#272727;--h1-color:#ff8731;--h2-color:#ff8731;--h3-color:#1f1f1f;--heading-color:#b1955e;--p-color:#3d3b36;--body-color:#3b3629;--h1-size:64px;--h2-size:44px;--h3-size:24px;--p-size:18px;--transition:all .4s ease;--landscape-tablets:69em;--tablets:61em;--smaller-tablets:46em;--phones:33em;--smaller-phones:23em}html{background:linear-gradient(180deg,rgba(255,166,0,.032),#fff);scroll-behavior:smooth}*{border:0;box-sizing:border-box;list-style:none;margin:0;padding:0;text-decoration:none}body{color:#3b3629;color:var(--body-color);font-family:Poppins,"sans-serif";font-family:var(--base-font)}h1,h2,h3{padding:10px 0}h1{color:#ff8731;color:var(--h1-color);font-size:64px;font-size:var(--h1-size)}h2{color:#ff8731;color:var(--h2-color);font-size:44px;font-size:var(--h2-size)}h3{color:#1f1f1f;color:var(--h3-color);font-size:24px;font-size:var(--h3-size)}p{color:#3d3b36;color:var(--p-color);font-size:18px;font-size:var(--p-size);line-height:30px;padding:10px 0}section{padding:60px 30px}.container{margin:0 auto;width:1320px}.row{align-items:center;display:flex;flex-wrap:wrap;gap:20px 10px;justify-content:space-between}.center{justify-content:center}.col-2{width:48%}.col-3{width:32%}.section{margin:0 auto;max-width:1100px;padding:32px 20px}.repo-header h2{margin:0}.repo-header .sub{color:#6b7280;margin:6px 0 18px}.repo-controls{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:1fr auto auto;margin-bottom:16px}@media (max-width:720px){.repo-controls{grid-template-columns:1fr}}.input input,.select select{background:#fff;border:1px solid #e5e7eb;border-radius:12px;color:#1f2937;outline:none;padding:10px 12px;transition:box-shadow .2s ease,border-color .2s ease,background .2s ease;width:100%}.input input::-webkit-input-placeholder{color:#9ca3af}.input input::placeholder{color:#9ca3af}.input input:focus,.select select:focus{border-color:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.15)}.repo-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(12,1fr)}.repo-grid>*{grid-column:span 6}@media (max-width:900px){.repo-grid>*{grid-column:span 12}}@media (min-width:1200px){.repo-grid>*{grid-column:span 4}}.repo-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 2px rgba(0,0,0,.04);color:inherit;display:block;padding:16px 16px 14px;position:relative;text-decoration:none;transition:box-shadow .2s ease,border-color .2s ease,background .2s ease,-webkit-transform .08s ease;transition:transform .08s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;transition:transform .08s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease,-webkit-transform .08s ease}.repo-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.08);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.repo-card:focus-visible{box-shadow:0 0 0 4px rgba(37,99,235,.18);outline:none}.repo-top{align-items:center;display:flex;gap:8px;justify-content:space-between}.repo-name{color:#fff;font-size:16px;font-weight:600;letter-spacing:-.01em;margin:0}.repo-desc{color:#6b7280;margin:8px 0 10px;min-height:40px}.ext{opacity:.5;transition:opacity .2s ease}.repo-card:hover .ext{opacity:.9}.repo-meta{color:#6b7280;display:flex;flex-wrap:wrap;font-size:12px;gap:12px}.lang,.repo-meta{align-items:center}.lang{display:inline-flex;gap:6px}.dot{background:#9ca3af;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);height:10px;width:10px}.stars{align-items:center;display:inline-flex;gap:6px}.notice{background:#fafafa;border:1px dashed #e5e7eb;border-radius:12px;color:#374151;grid-column:1/-1;padding:14px}.notice.error{border-color:#ef4444;color:#991b1b}.skeleton{overflow:hidden;position:relative}.shimmer{-webkit-animation:shimmer 1.2s linear infinite;animation:shimmer 1.2s linear infinite;background:linear-gradient(90deg,rgba(0,0,0,.04) 25%,rgba(0,0,0,.07) 37%,rgba(0,0,0,.04) 63%);background-size:400% 100%;border-radius:8px}.repo-title{height:18px;margin-bottom:12px;width:40%}.skeleton .repo-desc{height:12px}.skeleton .repo-desc.short{margin-top:8px;width:70%}.skeleton .repo-meta{height:12px;margin-top:14px;width:50%}@-webkit-keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.visually-hidden{clip:rect(1px,1px,1px,1px);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;white-space:nowrap;width:1px}@media (prefers-color-scheme:dark){.input input,.select select{color:#e5e7eb}.input input,.repo-card,.select select{background:#121315;border-color:#1f2937}.repo-card{box-shadow:0 1px 2px rgba(0,0,0,.2)}.repo-desc,.repo-header .sub,.repo-meta{color:#9ca3af}}@media (max-width:69em){.container{margin:0 auto;max-width:55em}.row{align-items:center;flex-shrink:0;gap:40px 14px}.column{flex-direction:column;justify-content:center}.col-2,.col-3{width:100%}}@media (max-width:33em){.container{max-width:22em}.row{align-items:center;flex-shrink:0;gap:40px 14px}.col-2,.col-3{width:100%}}
/*# sourceMappingURL=main.5afdf8b4.css.map*/