@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes upDown{0%{transform:translateY(0)}50%{transform:translateY(20px)}to{transform:translateY(0)}}@keyframes moveInFromLeft{0%{transform:translate(0);opacity:1}to{transform:translate(45%);opacity:0}}@keyframes fadeAndShrink{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.element{animation:fadeAndShrink .5s ease-in-out 2s forwards}@keyframes moveInFromRight{0%{transform:translate(0);opacity:1}to{transform:translate(-55%);opacity:0}}@keyframes shrinkAndScale{0%{transform:scale(1.03)}to{transform:scale(1.08)}}.video-frame-animation{animation:shrinkAndScale 3s ease-in-out forwards}.customlist{list-style-type:none;padding-left:0;margin-top:1rem;margin-bottom:2.5rem}.slide-down{right:0;background:#0f0f0f;background:blue;transform-origin:right}.slide-down,.slide-up{position:fixed;top:0;width:100%;height:100vh}.slide-up{left:0;transform-origin:left}.transition-container{position:relative;overflow:hidden}.vertical-line-light{border-left:1px solid #000;background:#fffff5}.vertical-line-dark,.vertical-line-light{position:absolute;bottom:0;left:0;width:100%;top:0;z-index:9999}.vertical-line-dark{border-left:1px solid #fff;background:#212121}.content{position:relative;z-index:1;opacity:0;transition:opacity 3s ease-in-out}.background-image{transition:transform .3s ease-in-out}.background-image:hover{transform:scale(1.1)}.backdrop{position:relative}.backdrop:hover{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.hidden{opacity:0}.hero-image.fade-in{animation:fadeIn 2.5s ease-in forwards}