#about{color:#fff;display:flex;min-height:700px;background-color:#000;width:100%;margin:auto 20px;gap:60px;height:700px;position:relative;align-items:unset;justify-content:space-around;flex-direction:row}#about content{width:50%}h2{padding-left:50px;color:#89715b;font-size:4rem}#about content p{font-size:1rem}#about content img{width:300px}.canvus{background-image:url(/slide_2_0.png);width:600px;background-repeat:no-repeat;background-size:fill;height:90%;border-radius:20px;margin:auto 0}@media (max-width:600px){#about{width:100%}section{height:-moz-fit-content;height:fit-content}#about .canvus,section:before{display:none}#about content{text-align:center;margin:0;padding:0;width:100%}#about content h2{padding-left:0}}header{background-image:url(/bg.jpg);background-size:100% 100%;background-repeat:no-repeat;height:-moz-fit-content;height:fit-content;padding-top:120px;padding-bottom:20px}.header-content{padding:50px;display:flex;color:#fff}.header-content .name{margin-bottom:0}.header-content .name,.header-content h1{animation:appearFromBottomT .5s ease-in both}.header-content h1{margin-top:0;width:76%;text-transform:uppercase;font-size:4rem}.header-content p{font-size:2rem;animation:appearFromBottomT .5s ease-in both}.header-content .contact{color:#fff;font-weight:bolder;font-size:1.5rem;margin-bottom:20px;animation:appearFromBottomT .5s ease-in .3s both}.header-content .socials{width:60%;display:flex;gap:60px;animation:appearFromBottomT .5s ease-in both}.header-content .socials a{transition:.5s}.header-content .socials a :hover{transform:scale(1.5)}.header-content .socials img{margin-top:20px;height:30px;transition:.5s}.photos{width:60%;padding-right:20px}.bigphotos{margin:0 auto;position:relative}.icons img,.photos img{margin:0 auto;position:absolute}.icons{left:-74%;position:relative;animation:appearLate 1s ease-in-out 1.2s both}#html,#typescript{top:10px;width:50px}#html{right:90px;rotate:z 315deg}#typescript{right:-290px;top:20px;rotate:z 50deg}#bootstrap,#css,#javascript,#react{width:50px}#css{right:100px}#javascript{right:-24px}#bootstrap{right:-148px}#react{right:-287px}.active{animation:showFromBehind 2s ease-in-out infinite both}#pc{z-index:1;width:450px;animation:appearFromTop 1s ease-in .5s both}#laptop{width:400px;top:151px;left:211px;z-index:2;animation:appearFromLeft 1s ease-in .5s both}#tablet{width:300px;left:-100px;top:97px;z-index:2;animation:appearFromRight 1s ease-in .5s both}#mobile{width:100px;z-index:3;top:170px;left:150px;animation:appearFromBottom 1s ease-in .5s both}@keyframes appearLate{0%{opacity:0}to{opacity:1}}@keyframes showFromBehind{0%{transform:translateY(10px);opacity:0}50%{transform:translateY(-90px);opacity:1}to{transform:translateY(10px);opacity:0}}@keyframes appearFromTop{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes appearFromBottom{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes appearFromLeft{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes appearFromRight{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes appearFromBottomT{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1000px){.photos{display:none}}@media (max-width:600px){header{padding-top:50px}.header-content{padding:0;flex-direction:column-reverse}.header-content .left{text-align:center}.left h1{font-size:3rem;width:100%}.header-content .socials{width:100%;justify-content:center;align-items:center}}.navbar{display:flex;width:100%;justify-content:space-between;transition:all .5s;z-index:99;padding-top:30px;position:fixed}.navbar .logo{margin-left:50px}.navbar .logo,.navbar .logo img,.sidebar .logo,.sidebar .logo img{width:70px}.navbar button{display:inline;background-color:transparent;border:none;margin-left:auto;cursor:pointer;margin-right:50px}.navbar button img{width:30px}.sidebar{padding-right:20px;display:flex;position:fixed;width:250px;height:100vh;margin-left:auto;background-color:#fff;min-height:100vh;flex-direction:column;right:0;z-index:101;gap:30px;animation:stretchFromRightS 1s ease-in both;transform-origin:100% 50%}.sidebar .exit{background-color:transparent;border:none}.sidebar .top{display:flex;justify-content:space-between;align-items:center}.sidebar .logo,.sidebar .logo img{margin-top:5px}.sidebar .top button{width:25px;cursor:pointer}.sidebar .top button img{width:25px}.sidebar .bottom{display:flex;flex-direction:column;font-weight:600;font-size:.9rem}.bottom .box{position:absolute;top:-10px;width:120%;height:40px;opacity:1;background-color:#89715b;animation:scaleLeft .5s ease-in both;transform-origin:left center}.bottom .link{cursor:pointer;min-height:60px;z-index:2;position:relative}.bottom a{position:relative;margin-left:30px;transition:all .5s;z-index:3;text-decoration:none}.bottom .link:hover a{color:#fff}@keyframes stretchFromRightS{0%{transform:translateX(25vw)}to{transform:translateX(0)}}@keyframes scaleLeft{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.fixed{position:fixed;padding-top:0;background-color:#111}@media (max-width:600px){.navbar .logo{margin-left:0}sidebar{width:200px;right:auto;right:0}.navbar .logo,.navbar .logo img,.sidebar .logo,.sidebar .logo img{width:50px;height:50px}@keyframes stretchFromRightS{0%{transform:translateX(60vw)}to{transform:translateX(0)}}}.cards{display:flex;justify-content:center;gap:20px;width:95%;margin:20px 10px}.numbers{display:flex;margin-left:auto;margin-right:auto;width:90%;justify-content:space-between}.numbers .item{display:flex;gap:20px;align-items:center}.numbers span{color:#89715b;font-size:5rem;font-weight:600}.numbers .text{width:50%;font-size:1.5rem;color:#fff}@media (max-width:600px){#WhyUs{min-height:1700px}#WhyUs h2{padding-left:0}.cards{min-height:1260px;padding:0;align-items:center;flex-direction:column}.card{text-align:center}.card h4{font-size:1.2rem}.numbers{margin:50px 0;width:100%;align-items:center}.numbers,.numbers .item{flex-direction:column}.numbers .item span{width:-moz-fit-content;width:fit-content}}.card{display:grid;grid-template-rows:30% 30% 40%;width:270px;background-color:#1c1a1a;color:#fff;align-items:center;height:300px;justify-content:center;position:relative;border-radius:30px 0}.card img{min-width:64px;max-width:64px;margin-right:auto;transition:all .5s}.card h4,.card img,.card p{z-index:3;margin-left:20px;margin-right:20px}.cardBG{z-index:0;position:absolute;width:100%;background-color:#89715b;color:#fff;height:300px;justify-content:center;border-radius:20px 0;animation:scaleFromMid .3s ease-in both}@keyframes scaleFromMid{0%{transform:scaleX(0)}to{transform:scaleX(1)}}#Projects{height:-moz-fit-content;height:fit-content;padding-bottom:60px}#Projects .headline{margin-top:100px;text-transform:uppercase;display:inline}#Projects .subText{width:50%;padding-left:50px;color:#fff;margin-bottom:20px}#Projects .categories{padding-left:50px;display:flex;gap:20px}#Projects .categories li{display:flex;justify-content:center;align-items:center}#Projects .categories li h3{font-weight:400;cursor:pointer;font-size:1.8rem;opacity:.7;color:#89715b;transition:all .5s}#Projects .categories li h3.selected{color:#fff;font-size:2rem;opacity:1}.swiperProjects{width:100%;height:100%}.swiper-slide{-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;flex-direction:column;background-color:#000;cursor:pointer;color:#fff;border-radius:20px 0}.swiper-slide img{max-height:250px;margin:0;border-radius:20px 0;height:100%;width:100%;object-fit:cover}.swiper{min-height:300px;width:90%}@media (max-width:600px){#Projects h2{padding:0}#Projects .subText{width:80%;text-align:center;margin:auto}#Projects .categories{padding:0;flex-direction:column;gap:5px}}.popup-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);z-index:1000}.popup-container,.popup-content{display:flex;justify-content:center;align-items:center;visibility:hidden;opacity:0}.popup-content{flex-direction:column;position:relative;background-color:#fff;padding:20px;max-width:600px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.2);text-align:left;scale:0;transition:all 1s}.focus,.focus .popup-content{visibility:visible;opacity:1}.focus .popup-content{scale:1}.popup-content img{border-radius:15px}.popup-content .info{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;font-weight:700}.popup-close{position:absolute;top:-15px;right:5px;cursor:pointer;font-size:3rem}.buttons-wrapper{display:flex;justify-content:center;align-items:center;gap:30px}.buttons-wrapper button{position:relative;overflow:hidden;border:1px solid #89715b;color:#89715b;display:inline-block;font-size:15px;line-height:15px;padding:18px 18px 17px;text-decoration:none;border-radius:10px;cursor:pointer;background:#fff;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}.buttons-wrapper button .text{color:#89715b}.buttons-wrapper button span:first-child{position:relative;transition:color .6s cubic-bezier(.48,0,.12,1);z-index:10}.buttons-wrapper button span:last-child{color:#fff;display:block;position:absolute;bottom:0;transition:all .5s cubic-bezier(.48,0,.12,1);z-index:100;opacity:0;top:50%;left:50%;transform:translateY(225%) translateX(-50%);height:14px;line-height:13px}.buttons-wrapper button:after{content:"";position:absolute;bottom:-50%;left:0;width:100%;height:100%;background-color:#89715b;transform-origin:bottom center;transition:transform .6s cubic-bezier(.48,0,.12,1);transform:skewY(9.3deg) scaleY(0);z-index:50}.buttons-wrapper button:hover:after{transform-origin:bottom center;transform:skewY(9.3deg) scaleY(2)}.buttons-wrapper button:hover span:last-child{transform:translateX(-50%) translateY(-100%);opacity:1;transition:all .9s cubic-bezier(.48,0,.12,1)}@media (max-width:600px){.popup-content{width:80%}.popup-content img{width:100%}}#Services{background-color:#000}#Services .cards{text-align:center}#Services .card{background-color:#1c1a1a}@media (max-width:600px){h2{padding:0}}.skill-group{width:60%;margin:auto;display:flex;justify-content:center;flex-wrap:wrap;align-items:center;height:70%;gap:30px}.skill{width:160px;height:160px;position:relative;margin-bottom:30px}.skill h5{text-align:center;color:#fff}.outer{height:160px;width:160px;box-shadow:6px 6px 10px -1px rgba(137,113,91,.15),-6px -6px 10px -1px rgba(137,113,91,.7)}.inner,.outer{border-radius:50%;display:flex;justify-content:center;align-items:center}.inner{height:120px;width:120px;box-shadow:inset 4px 4px 6px -1px rgba(0,0,0,.2),inset -4px -4px 6px -1px rgba(137,113,91,.7),-.5px -.5px 0 #89715b,.5px .5px 0 rgba(0,0,0,.15),0 12px 10px -10px rgba(0,0,0,.05)}.progress-number{font-weight:600;color:#fff}circle{fill:none;stroke:url(#GradientColor);stroke-width:20px;stroke-dasharray:455;stroke-dashoffset:455;transition:all 2s}svg{position:absolute;top:0;left:0}#contact{height:-moz-fit-content;height:fit-content;display:flex;align-items:center;flex-direction:column;background-color:#000;padding:0}#contact h2{width:100%;font-size:3rem;margin-top:20px;text-align:center}#contact p{width:50%;text-align:center;color:#fff;margin-bottom:20px}form{height:-moz-fit-content;height:fit-content;max-width:50%;grid-gap:20px;display:grid;grid-template-areas:"FName LName" "Email Email" "Subject Subject" "Message Message" "captcha captcha" "status status " "submit submit";color:#fff;margin-bottom:40px}#status{color:#fff;margin:auto}#Message,#status{grid-area:Message}#Subject{grid-area:Subject}#Email{grid-area:Email}#FName{grid-area:FName}#LName{grid-area:LName}#captcha{display:flex;justify-content:center;align-items:center;grid-area:captcha}#submit{grid-area:submit;animation:appearFromBottomT 1s ease-in 1.5s both}input,textarea{margin-top:10px;background-color:transparent;height:30px;color:#1dee3b;font-size:18px;border:0;border-bottom:2px solid #fff}textarea{resize:none;width:100%;height:51px}#submit:hover{background:#fff;color:#1b1c1e}input:focus{outline:1px solid #828282}form .item{display:flex;flex-direction:column}#submit{font-family:Zilla Slab;margin:auto;width:120px;background-color:#89715b;color:#fff;font-size:25px;border-bottom:none;transition:all .3s ease;height:40px}#status{font-size:1.5rem;grid-area:status;text-align:center;color:#1dee3b;font-weight:600}.text{grid-area:text;color:#fff;font-size:1rem;text-align:left}.success{color:#75dbcd}.failed,.success{animation:status 4s ease forwards}.failed{color:red}.op{opacity:0}.hidden{display:none}.shrink{animation:hide 1s ease-in both}@media (max-width:600px){form{display:flex;flex-direction:column;justify-content:center;align-items:center;height:-moz-fit-content;height:fit-content}}.Testimonials .Testimonial{display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center;background-color:#89715b;width:500px;height:300px;padding:10px;margin:auto;border-radius:15px}.Testimonials .testimonialsSwiper{height:400px;width:100%;justify-content:center;align-items:center;display:flex}.Testimonials .Testimonial .rating-wrapper{display:flex}.Testimonials .Testimonial .name{font-size:1.5rem;margin:0}.Testimonials .Testimonial .position{font-size:1.2rem;font-weight:300;margin:0}.Testimonials .button-wrapper{display:flex;justify-content:center;align-items:center}.Testimonials .feedback{cursor:pointer;color:#fff;padding:15px;border-radius:15px;transition:all .5s;border:1px solid #89715b;width:-moz-fit-content;width:fit-content;margin:auto}.Testimonials .feedback:hover{padding:20px;background-color:#89715b}@media (max-width:600px){.Testimonial{max-width:90%;padding:15px;text-align:center}}