.heroSection{align-items:center;background-attachment:fixed;background-position:top;background-repeat:no-repeat;background-size:cover;display:flex;height:100vh;justify-content:center;padding:200px 40px;position:relative;z-index:1}.heroSection:before{background-color:rgba(0,0,0,.3);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.heroDown svg{animation:arrowAnimation 4s infinite alternate;bottom:0;height:16px;left:50%;position:absolute;transform:translateX(-50%);width:16px;fill:#fff}.herologo{text-align:center}.heroDown a{align-items:center;background-color:#32b5d7;border-radius:50%;display:flex;justify-content:center}.heroDown,.heroDown a{height:40px;width:40px}.heroDown{bottom:50px;left:0;margin:0 auto;position:absolute;right:0;text-align:center}@keyframes arrowAnimation{0%{bottom:0}25%{bottom:40%}50%{bottom:0}75%{bottom:40%}to{bottom:0}}