#main-content{background:linear-gradient(180deg,#fff,#cbf3f0,#fff)}.fade-in{opacity:1;animation-name:fadeInOpacity;animation-iteration-count:1;animation-timing-function:ease-in;animation-duration:1s}@keyframes fadeInOpacity{0%{opacity:0}to{opacity:1}}.fade-out{opacity:0;animation-name:fadeOutOpacity;animation-iteration-count:1;animation-timing-function:ease-in;animation-duration:.3s}@keyframes fadeOutOpacity{0%{opacity:1}to{opacity:0}}.arrow{position:relative;width:42px;height:16px;opacity:0;&:after,&:before{content:"";width:21px;height:2px;background-color:#302e2e;border-radius:2px;display:inline-block}&:before{transform:rotate(45deg) translateX(25%)}&:after{transform:rotate(-45deg) translateX(-25%)}&:first-child{top:-50px;opacity:1;animation:arrow2 1s ease 0s infinite}&:nth-child(2){top:-25px;animation:arrow1 1s ease .25s infinite}}@keyframes arrow1{0%{opacity:0;top:-25px}to{opacity:0;top:0}50%{opacity:1}}@keyframes arrow2{0%{opacity:0;top:-35px}to{opacity:0;top:-10px}50%{opacity:1}}