@import url(https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@700&display=swap);*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}:root{--red1:#40010c;--red2:#8c041c;--red-gradient:linear-gradient(90deg,#40010c,#8c041c);--red-gradient-2:linear-gradient(90deg,#b90021,#ff1942);--dark1:#0a0a0a;--dark2:#111;--dark3:#1e1d1d;--dark300:#a4a4a4;--dark4:#818181;--gray1:#d3cbcb;--gray2:#e3d8d8;--gray3:#efe5e5;--white:#ffeff2;--shadow:4px 4px 24px hsla(0,24%,92%,.15);--shadow-red:4px 4px 24px rgba(140,4,28,.25)}body{font-family:Fira Sans,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:#ffeff2;color:var(--white);text-decoration:none}body::-webkit-scrollbar{width:12px}body::-webkit-scrollbar-track{background:#ffeff2;background:var(--white)}body::-webkit-scrollbar-thumb{background-color:#8c041c;background-color:var(--red2);border:3px solid #ffeff2;border:3px solid var(--white);border-radius:20px}.App,.Header{background-color:var(--dark1)}.Header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #111;display:flex;height:80px;justify-content:center;position:fixed;width:100%;z-index:999}.Header div{display:flex;justify-content:space-between;min-width:1200px;position:relative}.Container{display:flex;justify-content:center;width:100%}.Logo{left:0;top:calc(50% - 16px)}.Header ul,.Logo{position:absolute}.Header ul{display:flex;flex-direction:row;justify-content:space-between;list-style:none;right:calc(50% - 281.5px);top:calc(50% - 40px)}.Header li{align-items:center;display:flex}.Header li a{border-color:transparent;color:var(--dark4);font-size:14px;font-weight:500;padding:31px 24px;transition:all .3s}.Header li a:hover{border-bottom:1px solid var(--red2);color:var(--white);cursor:pointer}.RedButton{align-items:center;-webkit-animation:slideof .2s forwards;animation:slideof .2s forwards;background:transparent;border:2px solid var(--red2);border-radius:8px;color:var(--white);display:flex;font-family:Fira Sans,sans-serif;font-size:12px;font-weight:500;gap:8px;justify-content:center;line-height:200%;padding:12px 24px;position:absolute;right:0;top:calc(50% - 26px);transition:Background .2s}button:hover{-webkit-animation:slidein .2s forwards;animation:slidein .2s forwards;background:var(--red2);border:2px solid var(--red2);color:var(--gray2);cursor:pointer}@-webkit-keyframes slidein{0%{gap:8}to{gap:24px}}@keyframes slidein{0%{gap:8}to{gap:24px}}@-webkit-keyframes slideof{0%{gap:24px}to{gap:8px}}@keyframes slideof{0%{gap:24px}to{gap:8px}}@media screen and (max-width:1000px){.Logo{position:static}.Header div{align-items:center;justify-content:center;min-width:100%}.Header ul,.RedButton{display:none}}.Apresentation{align-items:center;background:url(/static/media/bg-banner.ce4de68902dadd06218e.svg) no-repeat 50%;background-position-y:25rem;display:flex;flex-direction:column;gap:32px;justify-content:center;padding:200px 80px 120px;width:100%}.Apresentation div{align-items:center;display:flex;gap:24px}.Apresentation div img{border:2px solid var(--gray2);border-radius:100%;width:80px}.Apresentation p{color:var(--gray3);font-size:12px;font-weight:400}.Apresentation h1{color:var(--dark300);font-size:56px;font-weight:700;max-width:900px;text-align:center}.Apresentation span,.GradientButton{color:var(--white)}.GradientButton{align-items:center;-webkit-animation:slideof .2s forwards;animation:slideof .2s forwards;background:transparent;background:var(--red-gradient-2);border:none;border-radius:8px;border-radius:.5rem;display:flex;font-family:Fira Sans,sans-serif;font-size:12px;font-size:1rem;font-weight:600;gap:8px;justify-content:center;line-height:200%;padding:.75rem 2rem}.GradientButton:hover{-webkit-animation:slidein .2s forwards;animation:slidein .2s forwards;background:var(--red2);border:none;color:var(--gray2);cursor:pointer}@media screen and (max-width:1000px){.Apresentation{padding:200px 24px 120px}.Apresentation h1{font-size:32px}}.Container-habilities{background:var(--dark2);padding:0 80px}.Habilities{flex-direction:column;gap:48px;max-width:1200px;padding:120px 0;position:relative;width:100%}.Habilities,.Tag{align-items:center;display:flex;justify-content:center}.Tag{background:#1e1d1d;background:var(--dark-3,#1e1d1d);border:1px solid #434343;border-radius:.5rem;color:var(--red2);font:normal 700 1rem/130% Space Grotesk,sans-serif;letter-spacing:.1rem;padding:.5rem 1rem;text-transform:uppercase}.Title{text-align:center}.Title p{color:var(--red2);font-size:16px;font-weight:600;letter-spacing:.1em;line-height:120%;text-transform:lowercase}.Title h2{color:var(--gray3);font-size:32px;font-weight:600;line-height:140%}.Cards{display:flex;flex-direction:row;flex-wrap:wrap;gap:48px;width:100%}.Card{align-items:center;-webkit-animation:carddown .3s forwards;animation:carddown .3s forwards;background:var(--dark3);border-radius:8px;display:flex;flex:1 0;flex-direction:column;gap:36px;justify-content:center;min-width:250px;padding:60px;text-align:center;transition:All .3s}.Card:hover{-webkit-animation:cardup .3s forwards;animation:cardup .3s forwards;background:var(--red2);box-shadow:var(--shadow-red)}.Card div{align-items:center;display:flex;flex-direction:column;gap:16px}.Card img{transition:All .3s}.Card:hover img{-webkit-filter:invert(98%) sepia(9%) saturate(26%) hue-rotate(245deg) brightness(111%) contrast(95%);filter:invert(98%) sepia(9%) saturate(26%) hue-rotate(245deg) brightness(111%) contrast(95%)}.Card h3{font-size:20px;font-weight:600;line-height:160%;width:160px}.Card h3,.Card p{color:var(--white)}.Card p{font-size:12px;font-weight:400;line-height:140%;max-width:100%}.Arrow-down{-webkit-animation:arrowupdown 4s ease-in-out infinite;animation:arrowupdown 4s ease-in-out infinite;position:absolute;top:-18px}@-webkit-keyframes arrowupdown{0%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}50%{-webkit-transform:translateY(4px);transform:translateY(4px)}to{-webkit-transform:translateY(-4px);transform:translateY(-4px)}}@keyframes arrowupdown{0%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}50%{-webkit-transform:translateY(4px);transform:translateY(4px)}to{-webkit-transform:translateY(-4px);transform:translateY(-4px)}}@-webkit-keyframes cardup{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-16px);transform:translateY(-16px)}}@keyframes cardup{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-16px);transform:translateY(-16px)}}@-webkit-keyframes carddown{0%{-webkit-transform:translateY(-16px);transform:translateY(-16px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes carddown{0%{-webkit-transform:translateY(-16px);transform:translateY(-16px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slide{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slide{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@media screen and (max-width:768px){.Container-habilities{padding:0}.Habilities{padding:80px 24px}.Cards{gap:32px}.Card{width:100%}.Logos-slide img{height:36px;margin:0 36px}}.Container-Logo{height:102px;position:relative}.Logos{background:var(--white);bottom:0;overflow:hidden;padding:24px 0;position:absolute;white-space:nowrap;width:100%}.Logos:after,.Logos:before{content:"";height:100%;position:absolute;top:0;width:250px;z-index:2}.Logos:before{background:linear-gradient(to left,hsla(0,0%,97%,0),var(--white));left:0}.Logos:after{background:linear-gradient(to right,hsla(0,0%,97%,0),var(--white));right:0}.Logos:hover .logos-slide{-webkit-animation-play-state:paused;animation-play-state:paused}.Logos-slide{-webkit-animation:slide 20s linear infinite;animation:slide 20s linear infinite;display:inline-block}.Logos-slide img{height:50px;margin:0 80px}@media screen and (max-width:768px){.Container-Logo{height:88px}.Logos-slide img{height:36px;margin:0 36px}}.Projects{align-items:center;flex-direction:column;gap:48px;padding:120px 80px}.Projects,.Projects section{display:flex;justify-content:center;width:100%}.Projects section{flex-wrap:wrap;gap:64px;max-width:1200px}.Project{display:flex;flex:1 0;flex-direction:column;justify-content:center}.Project img{-webkit-animation:carddown .7s forwards;animation:carddown .7s forwards}.Project:hover img{-webkit-animation:cardup .7s forwards;animation:cardup .7s forwards;box-shadow:var(--shadow)}.Type-project{color:var(--gray1);font-size:16px;font-weight:600;letter-spacing:.1em;line-height:120%;margin-top:12px;text-transform:lowercase}.Title-project{color:var(--white);font-size:16px;line-height:140%;margin-top:2px}@media screen and (max-width:768px){.Projects{padding:80px 24px}.Projects section{display:block}.Project{margin-bottom:32px}}.Galery{align-items:center;justify-content:center;padding:120px 0;width:100%}.Galery,.Inner{display:flex}.Item{min-width:300px;padding:0 16px}.Item img{border-radius:8px;-webkit-filter:grayscale(100%);filter:grayscale(100%);pointer-events:none;transition:all .8s;width:100%}.Item:hover img{-webkit-filter:grayscale(0);filter:grayscale(0)}.Carousel{cursor:grab;overflow:hidden}@media screen and (max-width:768px){.Galery{padding:0 24px 80px}}.Contact{align-items:center;display:flex;flex-direction:column;gap:48px;justify-content:center;margin:120px 80px;max-width:1200px;width:100%}.Container-contact{border-image:var(--red-gradient) 1;border-top-style:solid;border-top-width:12px}form{align-items:center;gap:24px;justify-content:center}form,form div{display:flex;flex-direction:column;width:100%}form div{gap:8px}form input,textarea{background:var(--dark2);border:2px solid var(--dark3);border-radius:8px;line-height:160%;padding:16px;width:100%}textarea{height:200px}form input,textarea{color:var(--white);font-family:Fira Sans;font-size:14px;outline:none}form input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:var(--gray3)}form input::placeholder,textarea::placeholder{color:var(--gray3)}form input:focus,textarea:focus{border:2px solid var(--gray1)}form label{align-items:center;color:var(--gray1);display:flex;font-size:20px;font-weight:600;gap:12px;left:0;line-height:24px;padding:4px 6px}form button{background:transparent;border:2px solid var(--red2);border-radius:8px;color:var(--gray2);gap:16px;margin-top:12px;padding:16px 48px;transition:all .3s}@media screen and (max-width:768px){.Container-contact{padding:80px 24px}.Contact{margin:0}}.Footer{align-items:center;background:var(--red2);display:flex;flex-direction:column;gap:32px;justify-content:center;padding:120px 0 0;width:100%}.Footer p{color:var(--gray2);font-size:32px;font-weight:600;line-height:140%;padding:0 24px;text-align:center}.WhiteButton{align-items:center;background:var(--white);border:2px solid var(--red2);border-radius:8px;color:var(--red2);display:flex;font-family:Fira Sans,sans-serif;font-size:12px;font-weight:600;gap:12px;justify-content:center;line-height:200%;padding:12px 24px;transition:Background .3s}.WhiteButton:hover{background:var(--red1)}.Footer div{display:flex;margin-top:32px}.Footer div img{border:8px solid transparent;border-radius:100%;transition:All .3s}.Footer div img:hover{background:var(--red1);border:8px solid var(--red1);cursor:pointer;display:flex}.Footer div:last-of-type{background-color:var(--white);color:var(--red1);font-size:12px;font-weight:500;letter-spacing:.1em;padding:32px;width:100%}.Footer div:last-of-type,.link-logos{align-items:center;display:flex;justify-content:center}
/*# sourceMappingURL=main.7828d187.css.map*/