.roboto,body{font-family:"Roboto",sans-serif;font-optical-sizing:auto;font-weight:200;font-style:normal;font-variation-settings:"wdth" 100}body{margin:0;color:#f5f5f5}body a{color:inherit}.hero{height:100vh;width:100%;background-image:url("./hero.webp");background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center}.hero .content{z-index:1;text-align:center}.hero::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:0}footer{position:absolute;bottom:0;width:100%;text-align:center;padding:1rem 0}h1{font-size:3rem;margin:0}