/*

Realiza una página que utilice imágenes
responsive con la etiqueta picture, que
contenga un vídeo de YouTube y archivos
de imagen vectorial SVG.

*/

body {
  text-align: center;
  background: teal;
  margin: 0;
}

header {
  background: lightgreen;
  padding: 1em;
  box-shadow: 0 0 30px 15px lightgreen;
  margin-bottom: 3em;
}

h1 {
  margin: 0;
  color: teal;
  text-shadow: 3px 3px 3px white;
  font-size: 3em;
}

h2 {
  color: lightgreen;
  text-shadow: 2px 2px 2px black;
  font-size: 2em;
}

picture img {
  border-radius: 15px;
}

footer {
  color: lightgreen;
  text-shadow: 1px 1px 1px black;
}

footer a {
  color: orange;
}

.video {
  max-width: 96% !important;
  display: block;
  margin: 10px auto;
}

.svg {
  max-width: 415px;
  margin: auto;
  margin-bottom: 1em;
}