.content-layer .section{display:flex;justify-content:flex-start;align-items:center;transition:transform 1s ease;padding-left:8vw;width:100%;min-height:100vh}.content-layer .section .content{padding-right:5vw}.content-layer .section .content p{margin-bottom:2rem;border-radius:15px;font-size:1.5rem;line-height:1.9}.content-layer .section .content p span{box-shadow:0 0 20px rgba(0,0,0,.5);background-color:rgba(0,0,0,.75);padding:5px}.content-layer .section .content .scroll-fill-text{display:inline-block;position:relative;z-index:1;padding:0 8px;color:var(--foreground);white-space:nowrap}.content-layer .section .content .scroll-fill-text .black-text{position:absolute;top:0;left:8px;width:calc(var(--scroll-fill-width, 0%) - 8px);overflow:hidden;color:#000;white-space:nowrap}.content-layer .section .content .scroll-fill-text:before{position:absolute;top:0;left:0;z-index:-1;transition:width .1s ease-out;background-color:var(--primary);width:var(--scroll-fill-width,0);height:100%;content:""}#hero .content .scroll-down{animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.photos .photo{position:relative;cursor:pointer;aspect-ratio:3/2}.photos .photo .image{position:relative;width:100%}.photos .photo .image .header{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;transition:color .3s ease-in-out;width:100%;height:100%;color:var(--dark);font-weight:700;font-size:2rem;text-align:center;text-transform:uppercase}.photos .photo .image img{position:relative;z-index:1;transition:opacity .3s ease-in-out;width:100%;height:100%;object-fit:cover}.photos .photo:hover .header{color:var(--primary)}.photos .photo:hover .image img{opacity:1}.dots button{transition:background-color .3s ease;margin:0 4px;border-radius:50%;width:12px;height:12px}.dots button.active{background-color:#84cc16}