@keyframes borderAnimation{0%{height:0}to{height:100%}}.animate-border{position:relative}.animate-border:before{content:"";position:absolute;left:0;bottom:0;width:2px;height:0;background:currentColor;animation:borderAnimation 1s ease-in-out forwards}@keyframes slideInFromLeft{0%{transform:translateX(-100%);opacity:0;visibility:visible}to{transform:translateX(0);opacity:1;visibility:visible}}.animate-slide{visibility:hidden;animation:slideInFromLeft 1s ease-in-out forwards}.animate-slide:first-child{animation-delay:1s}.animate-slide:nth-child(2){animation-delay:1.1s}.animate-slide:nth-child(3){animation-delay:1.2s}.animate-slide:nth-child(4){animation-delay:1.3s}.animate-slide:nth-child(5){animation-delay:1.4s}@media screen and (max-width:768px){.animate-border:before{width:0}.animate-slide:first-child{animation-delay:0s}.animate-slide:nth-child(2){animation-delay:.2s}.animate-slide:nth-child(3){animation-delay:.4s}.animate-slide:nth-child(4){animation-delay:.6s}.animate-slide:nth-child(5){animation-delay:.8s}}.animate-border-bottom-right{position:relative}.animate-border-bottom-right:before{content:"";position:absolute;right:0;bottom:0;width:0;height:2px;background:#000;animation:borderBottomRightToLeft .7s ease-in-out forwards}@keyframes borderBottomRightToLeft{0%{width:0}to{width:100%}}.div_from_right_to_left{animation:slideInFromRight .8s ease-in-out forwards}@keyframes slideInFromRight{0%{transform:translateX(100%);opacity:0;visibility:visible}to{transform:translateX(0);opacity:1;visibility:visible}}