html, body {
    margin: 0;
    padding: 0;
  }


body {
    font-family: "Shantell Sans", cursive;
    font-optical-sizing: auto;
    font-weight: 100;
    font-style: normal;

    background-image: linear-gradient(rgba(0,0,0, 0) 0%,rgba(0,0,0, 1) 100%), url(https://www.maxfosterphotography.com/images/xl/Bob-Ross-Misty-Waterfall.jpg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: contain;
    background-position: top;
    background-color: #000;
  }

.header {
    background-size: cover;
    height: 50vw;
    text-align: center;
  }

h1 {
    font-size: 8vw;
    text-shadow: 0px 3px #000;
}

h2 {
    text-shadow: 0px 3px #000;
    font-size: 2vw;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
}

h3 {
  text-shadow: 0px 3px #000;
  font-size: 1vw;
  font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
}

iframe{
    width: 100vw;
    height: 50vw;
    margin: 0 auto;
    display: block;
}