body{margin:0;color:white;font-family:serif;background:black;}
.hero, .scene{height:100vh;background-size:cover;background-position:center;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;}
.overlay{position:absolute;width:100%;height:100%;background:linear-gradient(to bottom,rgba(0,0,0,0.2),black);}
.hero-content, .scene p{position:relative;z-index:2;font-size:2em;max-width:80%;}
.arcadia{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.8em;text-align:center;}
footer{height:40vh;display:flex;align-items:center;justify-content:center;font-size:1.5em;}