#about .colorOverlay{background-color:rgba(0,0,0,.525);position:absolute;top:0;left:0;width:100%;height:100%}.aboutTxt{text-align:center;margin:0 auto;max-width:470px}@media (min-width:840px){.aboutTxt{max-width:500px;text-align:left;margin:0}}.hero-section{width:100%;height:auto;position:relative}.hero-section .colorOverlay{background-color:rgba(0,0,0,.5);position:absolute;inset:0;width:100%;height:100%}.background-container{position:absolute;inset:0;width:100%;height:100%;z-index:1}.heroContentArea{display:flex;flex-direction:column;margin-top:100px;width:100%;height:auto;gap:5;justify-content:center;align-items:center;position:relative;z-index:2}.heroImgContainer{position:absolute;top:0;left:0;width:100%;height:100%}.scrollDown{text-align:center;color:#fff}.scrollDown i{display:block;font-size:35px;animation:bounce 2s infinite}.heroText{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:100%}.albumArtContainer{position:relative;width:250px;height:250px}@media (min-width:400px){.albumArtContainer{width:350px;height:350px}}@media (min-width:840px){.heroImgMobile{display:none}.heroContentArea{flex-direction:row;justify-content:space-between;align-items:center;align-items:start}.heroText{display:flex;flex-direction:column;text-align:left;align-items:start;width:50%}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}