*,*:before,*:after{box-sizing:border-box}.logo-container{position:relative;opacity:0;transform:translateY(20px);transition:opacity 0.3s ease,transform 0.3s ease}.logo-container.animate{opacity:1;transform:translateY(0)}.logo-container:before{content:"";position:absolute;top:calc(100% - 2px);width:30vh;height:4px;background-color:#cf0000;transform-origin:left center;transform:scaleX(0);animation:none}.logo-container.animate:before{animation:line-animation 3s ease forwards}.logo-container h1#page-logo{font:bold 3rem "Arial",sans-serif;animation:none}.logo-container.animate h1#page-logo{animation:clip-path-reveal-1 3s ease forwards}@keyframes line-animation{0%{transform:scaleX(0)}15%{transform:scaleX(0)}20%,25%{transform:scaleX(1);top:calc(100% - 2px)}50%{transform:scaleX(1);top:0px}70%{transform:scaleX(0.2);top:0px}80%,100%{transform:scaleX(0.2);top:0px}}@keyframes clip-path-reveal-1{0%,25%{clip-path:polygon(0 100%,100% 100%,100% 100%,0% 100%)}50%{clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}}