/* One shared transition for the sections of the scrolling home page. */
.section-divider{position:relative;display:flex;flex-direction:column;gap:20px;padding:30px 5% 30px;background:#08090a;color:#f4f3ef}
.section-divider::before{content:"";display:block;width:100%;height:1px;background:rgba(244,243,239,.42)}
.section-divider>span,.section-divider>h2{margin:0;font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:300;line-height:1.6;letter-spacing:4px;text-transform:uppercase}
#projects>.projects-intro{padding-top:20px}
.contact-section{background:#08090a;min-height:240px}
@media(max-width:700px){.section-divider{padding:24px 6%;gap:16px}.section-divider>span,.section-divider>h2{font-size:12px;letter-spacing:3px}#projects>.projects-intro{padding-top:16px}.contact-section{min-height:180px}}