@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&display=swap";:root{--bg-color: #191919;--second-bg-color: #101010;--text-color: #fff;--text-second-color: #868686;--second-color: #c6c9d8bf;--main-color: #dc143c;--big-font: 5rem;--h2-font: 4rem;--p-font: 1.2rem}@media(max-width:1270px){:root{--big-font: 4.6rem;--h2-font: 3rem;--p-font: 1.1rem}}*,*:before,*:after{padding:0;margin:0;box-sizing:border-box}html{scroll-behavior:smooth!important;scroll-padding-top:2rem}body{scroll-behavior:smooth!important;font-family:Poppins,sans-serif;list-style:none;text-decoration:none;background:var(--bg-color);color:var(--text-color)}a{text-decoration:none}.btn{display:inline-block;padding:.9rem 2rem;background-color:var(--main-color);color:var(--text-color);border-radius:2rem;font-size:1.2rem;font-weight:700;transition:.3s;border:2px solid crimson;text-align:center;line-height:1}.btn:hover{transform:translateY(-5px)}em{font-style:italic}main{padding-top:60px}section{padding:120px 15%;overflow:hidden}@media(max-width:1270px){section{padding:80px 3%;overflow:hidden}}@media(max-width:768px){section{padding:80px 1.5em}section.home{padding:80px .2em}}header{position:fixed;width:100%;top:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;background:transparent;padding:1rem 15%;transition:background ease-in-out .3s;background-color:var(--main-color)}@media(max-width:1270px){header{padding-left:3%;padding-right:3%}header.sticky{padding-left:3%;padding-right:3%}}@media(max-width:768px){header{padding-left:1.5em;padding-right:1.5em}header.sticky{padding-left:1.5em;padding-right:1.5em}}.logo{color:var(--text-color);font-size:2rem;text-transform:uppercase;letter-spacing:1px;line-height:1;z-index:10001}.logo span{font-weight:700}.navbar{display:flex}.navbar li{list-style:none;position:relative;margin-left:1rem;margin-right:1rem}.navbar a{color:var(--text-color);font-weight:500;font-size:1rem}.navbar a:after{content:"";position:absolute;width:0;height:2px;background:var(--text-color);left:0;bottom:-4px;transition:ease-in-out .3s}.navbar a:hover:after{width:100%}@media(max-width:768px){.navbar{flex-direction:column;margin-top:-3rem}.navbar li{display:block;text-align:center}.navbar a{font-size:2.5rem}.navbar a:after{all:unset}.navbar a:hover:after{all:unset}}.h-btn{padding:0 1.25rem;height:2.5rem;display:inline-block;line-height:2.5rem;background:var(--main-color);color:var(--text-color);border:none;border-radius:1.875rem;font-size:.9em;font-weight:700;letter-spacing:1px;transition:all .3s;z-index:10001;background:var(--text-color);color:var(--main-color)}.h-btn:hover{transform:translateY(-5px)}@media(max-width:768px){.h-btn{display:none}}.hamburger-btn{color:var(--text-color);font-size:1.6rem;cursor:pointer;z-index:10001;display:none}@media(max-width:768px){.hamburger-btn{display:initial}}@media(max-width:768px){nav{position:fixed;top:0;left:-100%;bottom:0;right:0;width:100%;background:#dc143c;font-family:Poppins,sans-serif;padding:1.6rem 0;transition:all .3s ease-in-out;display:grid;place-items:center;transform:translate(-100%)}nav.active{left:0;transform:translate(0)}}.footer{text-align:center;background:var(--main-color);padding:2rem}.footer p{font-size:1rem;color:var(--text-color);letter-spacing:1px;font-weight:300}#BackToTop{position:fixed;right:1rem;bottom:1rem;z-index:999}#BackToTop a{display:block;margin:0;padding:0;outline:0!important;text-align:center;background-color:var(--main-color);color:#fff;border-radius:100vmax;opacity:.95;transition:transform .2s ease-in-out,opacity .2s ease-in-out}#BackToTop a:hover{transform:translateY(-4px);opacity:1}#BackToTop a .fa{font-size:24px;line-height:40px;width:40px;height:40px;text-align:center}@media(max-width:820px){#BackToTop{right:.75rem;bottom:.75rem}#BackToTop a{font-size:20px;height:40px;width:40px}}@media(min-width:821px){#BackToTop a{font-size:20px;height:40px;width:40px;outline:0!important}}@supports (animation-timeline: scroll(root block)){#BackToTop{opacity:0;transform:translateY(10px);animation:backtotop-reveal 1s linear both;animation-timeline:scroll(root block);animation-range:800px 900px}}@keyframes backtotop-reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.about{background-color:var(--second-bg-color);display:grid;grid-template-columns:repeat(2,2fr);align-items:center;gap:2rem;min-height:calc(100vh - 60px)}.about .about-img{position:relative}.about .about-img:before{content:"";position:absolute;background-color:var(--main-color);height:120px;width:120px;border-radius:50%;left:10%;top:-5%}.about .about-img:after{content:"";position:absolute;background-color:var(--main-color);height:80px;width:80px;border-radius:50%;right:13%;bottom:-5%;z-index:0}.about .about-card{position:relative;z-index:5;margin:0 auto;border-radius:16px;width:90%;max-width:420px;color:var(--text-color);text-align:center;padding:3.2rem 2.2rem;overflow:hidden;background:#ffffff1a;box-shadow:20px 20px 50px #00000080;border-top:1px solid rgba(255,255,255,.5);border-left:1px solid rgba(255,255,255,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.about .about-card img{width:160px;height:160px;border-radius:50%;aspect-ratio:1;object-fit:cover;pointer-events:none}.about .about-card h2{font-size:2.4rem;font-weight:600;margin-top:1.4rem;margin-bottom:1rem;pointer-events:none;line-height:1.2;opacity:.8}.about .about-card p{font-size:var(--p-font);margin:1rem auto;max-width:330px;pointer-events:none;opacity:.8}.about .about-card .links{display:flex;flex-direction:row;justify-content:center;margin-top:1.6rem;margin-bottom:2rem;width:100%}.about .about-card .links a{transition:background .5s;border-radius:50%;display:flex;place-items:center;justify-content:center;height:54px;width:54px;margin:0 .5rem;opacity:.8}.about .about-card .links a:hover{background-color:var(--main-color)}.about .about-card .links i{font-size:1.5rem;color:var(--text-color);line-height:1}.about .about-text h2{font-size:var(--h2-font);margin-bottom:1.25rem;line-height:1.1;text-wrap:pretty}.about .about-text h2 span{text-decoration-line:underline;text-decoration-thickness:5px;text-decoration-style:wavy;text-underline-offset:6px;text-decoration-color:#d5003b}.about .about-text p{color:var(--text-second-color);letter-spacing:1px;font-size:var(--p-font);margin-bottom:1.5rem}.about .about-text p.caption{color:var(--text-color);font-size:1.6rem;font-weight:500;margin-bottom:1.4rem}.about .about-text strong,.about .about-text a{color:var(--text-color);font-weight:400}.about .about-text a:hover{text-decoration:underline}.about .about-text .btn{margin-top:0rem;font-weight:700}.about .about-text .btn:hover{text-decoration:none}@media(max-width:768px){.about{grid-template-columns:1fr;align-items:top;padding:5rem 2rem}}.services{background:var(--bg-color);pointer-events:none}.services .service-content{display:grid;max-width:1300px;grid-template-columns:repeat(auto-fit,minmax(320px,auto));gap:2rem;align-items:center;margin:4.5rem auto 0}@media(max-width:768px){.services .service-content{grid-template-columns:unset}}.services .service-card{background:var(--second-bg-color);padding:3rem 2rem;border-radius:.75rem;cursor:pointer;transition:all .35s;text-align:center;height:100%}.services .service-card:hover{transform:translateY(-8px)}.services .service-card i{color:var(--main-color);margin-bottom:1.5rem;font-size:5rem;text-align:center}.services .service-card h3{color:var(--text-color);font-size:1.35rem;font-weight:600;margin-bottom:1rem}.services .service-card P{color:var(--text-second-color);letter-spacing:1px;text-wrap:balance}.services .service-card P a i{color:var(--main-color);margin-bottom:0;font-size:1rem;margin-left:1px;margin-right:1px}.services .service-card P a:hover i{color:var(--main-color)}.work{background:var(--second-bg-color)}.work .work-content{display:grid;max-width:1300px;grid-template-columns:repeat(auto-fit,minmax(320px,auto));grid-gap:4rem 2rem;align-items:center;margin:4.5rem auto 0}@media(max-width:768px){.work .work-content{grid-template-columns:unset}}.work .work-card{height:100%;background-color:var(--bg-color);border-radius:.8rem;overflow:hidden}.work .work-card .work-image{position:relative;background-color:var(--second-bg-color);overflow:hidden;transition:.2s ease-in-out}.work .work-card .work-image i{position:absolute;z-index:999;bottom:1.5rem;right:1rem;color:var(--text-color);opacity:.5;transition:opacity .3s ease-in-out}.work .work-card img{width:100%;height:auto;object-fit:cover;margin-bottom:1.25rem;transition:transform .3s ease-in-out;margin-left:auto;margin-right:auto;display:block;opacity:.85}.work .work-card .work-info{padding:0 1.5rem 1.5rem;position:relative;z-index:10}.work .work-card .work-info:before{content:"";z-index:-1;position:absolute;top:-4rem;left:-2rem;right:0;background-color:var(--bg-color);transform:rotate(355deg);width:220%;height:5rem}.work .work-card h3{color:var(--text-color);font-size:1.2rem;font-weight:600;margin-bottom:0}.work .work-card ul.links{color:var(--text-second-color);letter-spacing:1px;font-size:.8rem;margin-bottom:1rem}.work .work-card ul.links li{display:inline-block;margin-right:.75rem;list-style:none}.work .work-card ul.links a{color:var(--text-second-color);transition:color .2s ease-in-out}.work .work-card ul.links a:hover{color:var(--text-color);text-decoration:none}.work .work-card ul.tags{display:flex;flex-wrap:wrap;gap:.6rem .8rem}.work .work-card ul.tags li{color:var(--text-second-color);pointer-events:none;letter-spacing:1px;list-style:none;font-size:.8rem;background-color:var(--second-bg-color);border-radius:1rem;padding:.2rem 1rem;box-shadow:#0000001a 0 4px 6px -1px,#0000000f 0 2px 4px -1px}.work .work-card a:hover img{transform:scale(1.05)}@media(max-width:768px){.work .work-card a:hover img{transform:none}}.work .work-card a:hover i{opacity:1}.clients .client-content{width:100%;margin:80px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4em 8rem;align-items:center}@media(max-width:768px){.clients .client-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem 1.2rem}.clients .client-content .client-card{max-width:130px}}.clients .client-card{text-align:center;margin:0 auto}.clients .client-card img{width:100%;display:block;height:auto;margin:0 auto;max-height:220px}.clients .client-card img.limit{width:75%}.clients .client-card img.limit-height{max-height:120px}.skills{background:var(--second-bg-color)}.skills .skills-content{display:grid;margin:80px 0 0;grid-template-columns:3.5fr 2.5fr;gap:2rem 6rem;grid-template-areas:"primary area0" "primary area1" "primary area2" "primary area3" "primary area4"}@media(max-width:768px){.skills .skills-content{grid-template-columns:1fr;grid-template-areas:"primary " "area0 " "area1 " "area2 " "area3 " "area4"}}.skills .skills-primary{grid-area:primary}.skills .skills-primary .skills-card{background-color:var(--bg-color);padding:2em}.skills .skills-area-0{grid-area:area0}.skills .skills-area-1{grid-area:area1}.skills .skills-area-2{grid-area:area2}.skills .skills-area-3{grid-area:area3}.skills .skills-area-4{grid-area:area4}.skills .skills-card{border-radius:.8rem;height:100%}.skills .skills-card h3{margin-bottom:1rem}.skills .skills-card h4{font-weight:500}.skills .skills-card ul{display:flex;flex-wrap:wrap;gap:.6rem .8rem}.skills .skills-card li{color:var(--text-second-color);pointer-events:none;letter-spacing:1px;list-style:none;font-size:.8rem;background-color:var(--bg-color);border-radius:1rem;padding:.2rem 1rem;box-shadow:#0000001a 0 4px 6px -1px,#0000000f 0 2px 4px -1px}.table{width:100%;margin-bottom:2rem}.table--no-margin{margin-bottom:0rem}.table th{text-align:left;display:none}.table th+th{text-align:right}.table td{color:var(--text-second-color)}.table td+td{text-align:right}.fun{background:var(--bg-color)}.contact{background:var(--second-bg-color)}.contact .contact-content{margin:4rem auto 3rem;display:grid;grid-template-columns:repeat(2,2fr);grid-gap:6rem}.contact .contact-content .module{margin-bottom:2rem;background-color:var(--bg-color);border-radius:.75rem;padding:2rem}.contact .contact-content h3{margin-bottom:1rem}.contact .contact-content h3 span{text-decoration:line-through;font-weight:300}.contact .contact-content h3~h3{margin-bottom:1rem}.contact .contact-content .rates{display:block;margin-bottom:1.6rem}.contact .contact-content .rates li{list-style:none;color:var(--text-second-color);margin-bottom:.2em;padding:.5em 0;border-bottom:1px dotted rgba(255,255,255,.1)}.contact .contact-content p{color:var(--text-second-color)}@media(max-width:768px){.contact .contact-content{grid-template-columns:unset}}.contact .contact-form{background-color:var(--main-color);padding:2rem;border-radius:.8rem}.contact .contact-form form{position:relative;margin-top:1rem}.contact .contact-form form input,.contact .contact-form form textarea{width:100%;padding:1.25rem;border:none;outline:none;background:var(--text-color);color:var(--main-color);font-size:1rem;margin-bottom:1rem;border-radius:.8rem;font-weight:400}.contact .contact-form form input::placeholder,.contact .contact-form form textarea::placeholder{font-family:Poppins,sans-serif;color:var(--text-second-color)}.contact .contact-form form textarea{resize:none;height:200px;font-family:Poppins,sans-serif}.contact .contact-form form .send{display:inline-block;background:var(--bg-color);color:var(--text-color);font-size:1.4rem;font-weight:700;border-radius:2rem;width:200px;transition:ease .3s;text-align:center;line-height:1;padding:0;height:3rem;text-transform:uppercase}.contact .contact-form form .send:hover{transform:translateY(-8px);cursor:pointer}.social-links{all:unset;display:flex;flex-wrap:wrap;width:100%;gap:1rem;background-color:#1818180c}.social-links li{all:unset;list-style:none;display:flex}.social-links a{display:flex;height:54px;width:54px;border-radius:50%;align-items:center;justify-content:center;background-color:var(--main-color);color:#fff;font-size:1.5rem;transition:ease .3s}@media(max-width:768px){.social-links a{height:52px;width:52px}}.social-links a:hover{transform:translateY(-10px)}@media(max-width:768px){.social-links{gap:.6rem}}.thanks{height:100vh;width:100%;position:relative;display:grid;grid-template-columns:repeat(1,1fr);place-items:center;text-align:center}.thanks-text .name{margin:1.1rem 0;line-height:1.1;font-weight:700;font-size:var(--big-font)}.thanks-text h1{content:"";font-size:1.6rem;margin-bottom:2rem;color:var(--main-color)}.thanks-text .caption{color:var(--text-second-color);font-size:1.5rem;font-weight:500}@media(max-width:990px){.thanks{height:85vh}}.center{text-align:center}.center h2{font-size:var(--h2-font);margin-bottom:1rem}.center p{color:var(--text-second-color);letter-spacing:1px;font-size:var(--p-font);margin-bottom:1.5rem}.rte{max-width:90ch;margin-left:auto;margin-right:auto;text-wrap:balance}.strike-through{text-decoration:line-through}
