.note{padding-left:2rem;margin-left:3rem}.note:before{left:-3rem;width:3rem;background-image:url(/images/note-pupita.png);background-position:right -5px;background-repeat:repeat-y}.note:after,.note:before{content:"";position:absolute;top:0;height:100%}.note:after{left:0;width:1rem;background-image:url(/images/note-background.png)}@keyframes fade-in-up-delayed{0%,66.67%{opacity:0;transform:translateY(2rem)}to{opacity:.3;transform:translateY(0)}}.animate-fade-in-up-delayed{animation:fade-in-up-delayed 3s cubic-bezier(.4,0,.2,1) forwards}@keyframes fade-in-up-simple{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fade-in-up-simple 1.2s cubic-bezier(.4,0,.2,1) forwards}.note-sheet-broke{position:relative;margin-top:4rem;margin-bottom:7rem;background-color:#F7F9FB}.note-sheet-broke:before{height:4rem;top:-4rem;background-image:url(/images/note-pupita-2.png);background-repeat:repeat-x}.note-sheet-broke:after,.note-sheet-broke:before{content:"";position:absolute;width:100%;left:0;background-size:contain}.note-sheet-broke:after{height:7rem;bottom:-7rem;background-image:url(/images/note-end.png);background-repeat:no-repeat}