* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    margin: 0;
    padding: 0;
}

main {
background-image:
    radial-gradient(ellipse at center, 
        rgba(0, 0, 0, 0.5) 0%, 
        rgba(0, 0, 0, 0.1) 40%),
    url('pix/bckgrnd.jpg')
;
display: flex;
height: 100vh;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
flex-direction: column;
justify-content: center;
align-items: center;
color: white;
font-family: Merriweather, Serif;
background-color: black;
}

h1 {
    font-size: 3.5em;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 0;
    text-shadow: 0px 0px 5px black;
}

p {
    font-size: 1.5em;
    font-weight: normal;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    color: white;
    font-size: 40px;
    text-shadow: 0px 0px 10px black;
}

@media screen and (max-width: 600px) {
    h1 {
        font-size: 1.5em;
    }

    p {
        font-size: 1em;
    }
}