.pixelBackground{display:flex;height:100vh;width:105vw;transform:translateX(-60px);overflow:hidden;position:fixed;z-index:5}@media screen and (max-width:500px){.pixelBackground{transform:translateX(-30px)}}.pixelBackground .column{width:5vw;height:100%}.pixelBackground .column .block{height:5vw;width:100%;background-color:#060030}.pixelBackground .title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:72px;z-index:6}@font-face{font-family:barracuda-bold;src:url(/_next/static/media/BARRACUDA-BOLD.d2c560c3.TTF)}@font-face{font-family:satoshi-regular;src:url(/_next/static/media/Satoshi-Regular.333ab73b.otf)}main .hero-project{padding:200px 0;display:flex;align-items:center;justify-content:space-between;max-width:1600px;margin:0 auto}@media screen and (max-width:1180px){main .hero-project{flex-direction:column;align-items:start;padding:100px 0}}main .hero-project h1{font-family:barracuda-bold,serif;font-size:160px}@media screen and (max-width:967px){main .hero-project h1{font-size:130px}}@media screen and (max-width:537px){main .hero-project h1{font-size:100px;line-height:100%}}@media screen and (max-width:450px){main .hero-project h1{font-size:80px}}@media screen and (max-width:757px){main .hero-project h1{margin-bottom:40px}}main .hero-project h1:after{content:url(/_next/static/media/svg-deco.e9187f3a.svg);position:absolute;left:-300px;top:100px;z-index:-2}@media screen and (max-width:640px){main .hero-project h1:after{content:""}}main .hero-project .presentation{width:50%;display:flex;flex-direction:column}@media screen and (max-width:1180px){main .hero-project .presentation{margin-left:0;width:100%;margin-top:30px}}main .hero-project .presentation h4{padding:15px 0;font-family:satoshi-regular,sans-serif;font-size:22px;font-weight:700}main .hero-project .presentation p{font-size:20px;margin:30px 0 50px}main .hero-project .presentation .view-project{width:150px;padding:15px;font-family:barracuda-bold,serif;font-size:18px;transition:.2s}main .hero-project .presentation .view-project:hover{cursor:pointer;font-size:20px;font-weight:700}main .cover{max-width:2100px;margin:100px auto 200px}@media screen and (max-width:1023px){main .cover{margin-bottom:100px}}@media screen and (max-width:707px){main .cover{margin-bottom:50px}}main .cover img{width:100%;height:100%}main .project-description{display:flex;margin:0 60px;justify-content:space-between;height:100%}@media screen and (max-width:1023px){main .project-description{flex-direction:column}}@media screen and (max-width:707px){main .project-description{margin:0}}main .project-description .txt-project{height:90%;width:40%;margin-right:50px;position:sticky;top:80px;margin-bottom:100px}@media screen and (max-width:1023px){main .project-description .txt-project{position:relative;width:100%}}main .project-description .txt-project h4{font-family:barracuda-bold,serif;font-size:26px;margin-bottom:40px}main .project-description .txt-project p{font-size:24px}@media screen and (max-width:1023px){main .project-description .txt-project p{font-size:22px}}@media screen and (max-width:707px){main .project-description .txt-project p{font-size:18px}}main .project-description .img-project{width:50%}@media screen and (max-width:1023px){main .project-description .img-project{width:100%;margin-top:20px}}main .project-description .img-project .img-container{width:100%;margin-bottom:100px}main .project-description .img-project .img-container img{width:100%;height:100%}main .tools{margin:100px 60px 200px}@media screen and (max-width:707px){main .tools{margin:100px 0}}@media screen and (max-width:500px){main .tools{margin:50px 0 100px}}main .tools h2{font-size:100px;font-family:barracuda-bold,serif;position:relative}@media screen and (max-width:1023px){main .tools h2{font-size:76px}}@media screen and (max-width:567px){main .tools h2{font-size:56px}}@media screen and (max-width:450px){main .tools h2{font-size:40px}}main .tools h2:after{content:url(/_next/static/media/svg-deco.e9187f3a.svg);position:absolute;right:-300px;top:-500px;z-index:-2}@media screen and (max-width:640px){main .tools h2:after{content:""}}main .tools .tools-container ul{display:flex;margin:50px 0}main .tools .tools-container ul li{margin-right:30px;align-content:center}@media screen and (max-width:707px){main .tools .tools-container ul li{margin-right:15px}}@media screen and (max-width:1023px){main .tools .tools-container ul li img{width:30px}main .tools .tools-container p{font-size:20px}}@media screen and (max-width:707px){main .tools .tools-container p{font-size:18px}}main .tools .tools-container .btn{margin-top:24px}.btn{overflow:hidden;border-radius:40px;width:-moz-fit-content;width:fit-content;height:48px;padding-left:30px;padding-right:30px;background:#fff;color:#000}.btn.black{background:none;color:#000;border:1px solid #000;border-radius:0;margin-bottom:12px}@media screen and (max-width:640px){.btn{padding-left:20px;padding-right:20px}}.btn a{display:flex;flex-direction:column}.btn a:hover span:first-child{animation:span1Animation .3s ease-in-out forwards}.btn a:hover span:nth-child(2){animation:span2Animation .3s ease-in-out .2s forwards}.btn a:not(:hover) span:first-child{animation:span1AnimationReverse .3s ease-in-out forwards}.btn a:not(:hover) span:nth-child(2){animation:span2AnimationReverse .3s ease-in-out forwards}.btn a span{transform:translateY(55%);opacity:1}.btn a span:nth-child(2){opacity:0}@keyframes span1Animation{0%{transform:translateY(50%);opacity:1}to{transform:translateY(-55%);opacity:0}}@keyframes span2Animation{0%{transform:translateY(55%);opacity:0}to{transform:translateY(-50%);opacity:1}}@keyframes span1AnimationReverse{0%{transform:translateY(-55%);opacity:0}50%{opacity:.8}to{transform:translateY(50%);opacity:1}}@keyframes span2AnimationReverse{0%{transform:translateY(-50%);opacity:1}to{transform:translateY(55%);opacity:0}}