body
{
    background-image: url(bg.jpg);
    background-size: cover;
    background-position: center;
}

.hero-body
{
    background: linear-gradient(to top, rgb(41 168 215 / 30%), rgb(21 33 63 / 5%) 55%);
}

.frame
{
    display: inline-block;
    padding: calc(2rem + 3vw);
    font-size: calc(2rem + 3vw);
    color: #fefefe;
    border: calc(.1rem + .15vw) solid #fff;
    border-radius: 1.5rem;
    text-shadow: .1rem .35rem .5rem rgb(8 55 103);
}