.scroll-image{width:100%;max-width:100%;height:auto;transform:translateX(100%)}.scroll-detail,.scroll-image{opacity:0;transition:opacity .5s,transform .5s}.scroll-detail{transform:translateX(-100%)}.left-container,.right{overflow:hidden}.grid-cols-2>div>img{margin-bottom:2rem;margin-top:2rem;box-shadow:10px 10px 20px #b3acac}.button-course{font-size:1rem;padding:1em 2.5em;background-color:#fff;border:3px solid #e7414d;border-radius:1em;color:#000;font-weight:bolder;transition:.4s cubic-bezier(.68,-.55,.265,1.55);box-shadow:-5px 5px 0 0 #b3acac}.button-course:hover{transform:translate(5px,-5px)}@keyframes shrink{0%{color:green;transform:scale(2)}to{transform:scale(1);color:grey}}@keyframes grow{0%{transform:scale(1);color:grey}to{transform:scale(2);color:green}}.animate{transform:translateZ(0);perspective:1000;filter:blur(0);animation-iteration-count:1;animation-fill-mode:forwards;transform-origin:center left}.animate--shrink{animation-name:shrink}.animate--grow,.animate--shrink{animation-duration:1s;animation-timing-function:linear}.animate--grow{animation-name:grow}