.intro{animation:intro;animation-duration:2s;animation-fill-mode:forwards;animation-delay:4.2s;animation-iteration-count:1;color:#fff;background:#000;background-attachment:local,scroll}.section{scroll-margin-top:4em}.introFadeIn{animation:fadeIn;animation-duration:2s;animation-fill-mode:forwards;animation-delay:6s;opacity:0}@keyframes intro{0%{background:#000}to{background:#556be9}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{to{transform:translateY(-10px)}}@keyframes slideDown{0%{transform:translateY(-10px)}to{transform:translateY(0)}}.hover-animation:hover{animation-name:slideUp;animation-duration:.4s;animation-fill-mode:forwards;transition-duration:.2s}.hover-animation:not(:hover){animation-name:slideDown;animation-duration:.4s;animation-fill-mode:forwards;transition-duration:.4s}.banner:hover{box-shadow:0 12px 16px #ffffff3d,0 17px 50px #ffffff93}#projectBanner:not(:hover){animation-fill-mode:forwards}#experienceBanner:not(:hover){animation-fill-mode:forwards}