.home{margin:auto 0;transition:opacity .5s}.home.fade-out{opacity:0}.copy{flex-direction:column;align-items:center;gap:80px;display:flex}.copy h1{opacity:0;animation:1s fade-up;animation-delay:0;animation-fill-mode:forwards}.copy p{opacity:0;width:60%;animation:1s .1s forwards fade-up}.copy button:first-child{opacity:0;animation:1s .2s forwards fade-up}.copy button:nth-child(2){opacity:0;animation:1s .3s forwards fade-up}.buttons{gap:30px;display:flex}@keyframes fade-up{0%{opacity:0;translate:0 50px}to{opacity:1;translate:0}}@media screen and (max-width:800px){.copy{gap:50px}}@media screen and (max-width:500px){.copy p{width:80%}}
.projects{opacity:0;flex-direction:column;flex-grow:1;align-items:center;gap:75px;margin:50px 0;transition:opacity .5s;display:flex;overflow:visible}.projects.fade-in{opacity:1;transition:opacity .5s}.projects.fade-out{opacity:0}.back-arrow{width:30px;height:30px;position:absolute;top:100px;left:50px}.back-arrow path{transform-origin:50%;rotate:180deg}.carrusel{flex-grow:1;align-items:center;gap:450px;display:flex;position:relative;overflow:visible;-webkit-transform:translateZ(0)}.pc{filter:drop-shadow(0 10px 50px #0006);flex-direction:column;justify-content:end;align-items:center;height:100%;transition:opacity .5s;display:flex;position:relative}.pc img{height:75%;position:absolute;top:0}.pc svg{height:25%;position:absolute}.phone{filter:drop-shadow(0 10px 50px #0006);height:100%;transition:opacity .5s;position:relative}.phone .phone-camara{aspect-ratio:105/28;height:8%;position:absolute;top:0;right:50%;translate:50%}.phone img{z-index:-1;height:100%;position:absolute;right:50%;translate:50%}@media screen and (max-width:1100px){.carrusel{justify-content:space-between;gap:150px}}@media screen and (max-width:500px){.back-arrow{left:25px}.carrusel{justify-content:space-between;gap:110px}.carrusel>svg{width:59px;height:63px}}
