.header-container{width:100%;height:100vh;position:relative}.text-container{padding-top:40px;padding-left:40%;animation:.9s forwards textFadeIn}@supports (animation-timeline:scroll()){.text-container{animation-name:textFadeIn,textFadeOut;animation-duration:.9s,1s;animation-timing-function:ease,linear;animation-fill-mode:forwards,both;animation-timeline:auto,scroll(root);animation-range:normal,0 200px}}.text-container>.names{color:#000;text-align:center;margin:0;font-family:BDScript,serif;font-size:200px;font-weight:700;animation:2s fade-in}.text-container>.date{letter-spacing:10px;color:#000;text-align:center;margin:0;font-family:Montserrat,serif;font-size:25px;font-weight:400;animation:2s fade-in}@keyframes fade-in{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.header-container>.scroll-down-indicator{cursor:pointer;border-bottom:3px solid #fff;border-right:3px solid #fff;width:50px;height:50px;position:absolute;bottom:40px;left:50%;transform:translate(-50%)rotate(45deg)}.header-container>.scroll-down-indicator:hover{border-color:#e9e9e9}@media (max-width:1300px){.text-container{padding-left:0}.text-container>.names{font-size:150px}.text-container>.date{font-size:20px}}@media (max-width:700px){.text-container>.names{font-size:100px}.text-container>.date{font-size:20px}.text-container{padding-left:0!important}}@keyframes textFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes textFadeOut{0%{opacity:1}to{opacity:0}}