#contact{padding-bottom:0}.contact-container{width:50%}.contact-form{flex-direction:column}.contact-form,.contact-form .form-name{display:flex;gap:1.2rem}.contact-form input[type=text]{width:50%}.contact-form input,.contact-form textarea{width:100%;padding:.5rem 1.5rem;border-radius:var(--border-radius-3);border:var(--border);background:var(--color-bg-2);color:var(--color-white)}.copyright{font-size:.95rem;margin-top:5rem;padding:.5rem 0;text-align:center;background:var(--color-bg-2)}@media screen and (max-width:1024px){.contact-container{width:var(--width-md)}}.home-container{display:grid;grid-template-columns:50% 50%;grid-gap:2rem;gap:2rem}.home-left{position:relative;top:11rem}.home-left h1 span{color:var(--color-primary);font-weight:900;font-size:3.3rem}.home-left h3{text-transform:capitalize;margin:.5rem 0}.home-left p{margin:1.5rem 0 3rem;width:80%}.home-btns{display:flex;gap:.5rem}.home-btns .btn:first-child{background:var(--color-primary)}.home-right{margin:auto}.home-right img{max-width:444px;border-radius:48% 48% 2rem 2rem;border:.7rem solid var(--color-bg-2);box-shadow:var(--box-shadow)}@media screen and (max-width:1024px){.home-container{grid-template-columns:100%;gap:10rem}.home-left{top:5rem;text-align:center}.home-left p{margin:1.5rem auto;text-align:center}.home-btns{display:flex;align-items:center;justify-content:center}}@media screen and (max-width:600px){.home-left h1 span{font-size:2.3rem}}nav{width:100%;height:5rem;position:absolute;top:.5rem;left:0;transition:var(--transition);z-index:20}.nav-container{display:flex;align-items:center;justify-content:space-between}.logo{font-size:1.7rem;font-weight:700}.logo span{color:var(--color-primary)}.navlist{display:flex;gap:1rem;text-transform:capitalize;background:var(--color-bg-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 1.5rem;border-radius:var(--border-radius-3);box-shadow:var(--box-shadow);border:var(--border)}.navlist li a{padding:.5rem 1rem;border-radius:var(--border-radius-3);transition:var(--transition)}.navlist li a:hover{background:var(--color-primary)}.social-links{display:flex;gap:1.3rem}.social-links a{display:flex;align-items:center;justify-content:center;font-size:1rem;height:2rem;width:2rem;border-radius:50%;z-index:1;position:relative}.social-links a:before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:var(--color-primary);border-radius:50%;z-index:-1;transform:scale(0);transition:var(--transition)}.social-links a:hover:before{transform:scale(1)}.nm-container{display:none}@media screen and (max-width:1024px){.nav-container{display:none}.nm-container{justify-content:space-between}.navlist,.nm-container{display:flex;align-items:center}.navlist{position:absolute;top:3.5rem;right:0;background:var(--color-primary);height:21rem;width:100%;flex-direction:column;padding:3rem 0;z-index:222;transition:var(--transition);transform:translateX(-150%)}}.skills-container{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem}.skills-left,.skills-right{padding:2rem}.skills-left>p{margin:2rem 0}.tech-container{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem}.tech-card{display:flex;gap:.5rem;flex-direction:column;text-align:center;padding:2.5rem 2rem;background:var(--color-bg-2);border:var(--border);border-radius:var(--border-radius-1);box-shadow:var(--box-shadow);transition:var(--transition)}.tech-card h4{font-size:.88rem;font-weight:600}.tech-card span{font-size:1.1rem}.tech-card:hover{background:var(--color-bg-1);transform:translateY(-.3rem)}.skills-right{box-shadow:var(--box-shadow)}.skills-tool{margin-bottom:3rem}.skills-tool p{text-align:right}.tool-line{position:relative}.tool-line span:before{width:100%;outline:var(--border)}.tool-line span:after,.tool-line span:before{position:absolute;content:"";top:0;left:0;height:.7rem;margin:.2rem;border-radius:var(--border-radius-3)}.tool-line span:after{width:85%;background:var(--color-primary);animation:photoshop 1s}.skills-tool:nth-child(2) span:after{width:95%;animation:figma 2s}.skills-tool:nth-child(3) span:after{width:80%;animation:javascript 3s}.skills-tool:nth-child(4) span:after{width:90%;animation:react 4s}@keyframes photoshop{0%{width:0}}@keyframes figma{0%{width:0}}@keyframes javascript{0%{width:0}}@keyframes react{0%{width:0}}@media screen and (max-width:1024px){.skills-container{grid-template-columns:1fr}}@media screen and (max-width:600px){.tech-container{gap:.5rem}.tech-card{padding:1rem}.skills-left,.skills-right{padding:0}}.about-container{display:grid;grid-template-columns:50% 50%;grid-gap:2rem;gap:2rem}.about-left{width:388px;border:.7rem solid var(--color-bg-2)}.about-left,.about-left img{border-radius:var(--border-radius-2)}.about-right{margin:auto}.about-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem;margin-bottom:2rem}.about-box{background:var(--color-bg-2);padding:3rem 1.5rem;border-radius:var(--border-radius-1);border:var(--border);border-color:transparent;transition:var(--transition)}.about-box span{font-size:1rem}.about-box h4{margin:.4rem 0}.about-btn{padding:.7rem 2rem;margin-top:2.5rem}.about-btn span{display:flex;float:right}.about-box:hover{border-color:#383838;transform:translateY(-.3rem);background:var(--color-bg-1)}@media screen and (max-width:1024px){.about-container{grid-template-columns:100%}.about-left{margin:auto}}@media screen and (max-width:600px){.about-left{width:333px}.about-row{gap:.5rem;margin-bottom:2rem}.about-box{padding:1rem .7rem}}.tab-buttons{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.tab-buttons .active{background:var(--color-primary)}.tab-buttons .active:hover{border-color:var(--color-primary)}.work-container{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem;margin-top:5rem;width:80%}.work-card{background:var(--color-bg-2);padding:1.5rem;border:var(--border)}.work-card,.work-card img{border-radius:var(--border-radius-2)}.work-card h4{margin:1rem 0}.work-card p{color:var(--color-dark);margin-bottom:1.5rem}.work-buttons{display:flex;align-items:center;justify-content:flex-start;gap:.5rem}.work-buttons .btn{padding:.7rem 2rem;background:var(--color-primary)}.work-buttons .btn:first-child:hover{border-color:var(--color-primary)}.work-buttons .btn:nth-child(2){background:var(--color-bg-1)}@media screen and (max-width:1024px){.work-container{grid-template-columns:1fr 1fr}}@media screen and (max-width:600px){.work-container{grid-template-columns:1fr}}.testimonial-container{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem;margin-top:9rem}.testimonial-card{padding:2rem;background:var(--color-bg-2);border-radius:var(--border-radius-1);border:var(--border);display:grid;grid-template-columns:30% 70%;grid-gap:1rem;gap:1rem}.tc-left img{width:77px;border-radius:50%;border:.5rem solid var(--color-bg-2);box-shadow:var(--box-shadow)}.testimonial-card p{color:var(--color-dark)}.tc-left{text-align:center;margin:auto}.tc-left h4{font-size:.95rem;margin:.5rem 0;text-transform:capitalize}.tc-left p{font-size:.75rem}.tc-right{border-left:var(--border);padding-left:2rem}.tc-right span{font-size:2rem;color:hsla(0,0%,100%,.4)}@media screen and (max-width:600px){.testimonial-container{grid-template-columns:1fr}}