img {
    border-radius: 8px;
    max-width: 100%;
    height: auto;
    width: 800px;
    display: block;
    margin: 0 auto;
    object-fit: contain;
}

pre {
    overflow: auto;
}

#svg {
    display: block;
    max-width: 480px;
    height: auto;
    margin: auto;
    /*
    -webkit-filter: invert(100%);
    -moz-filter: invert(100%);
    -ms-filter: invert(100%);
    -o-filter: invert(100%);
    filter: invert(100%);
    background-color: black;
*/
}

#vid {
    width: 560px;
    height: 315px;
    position: relative;
    display: block;
}

/*.constrain {
    max-width: 480px;
    margin: auto;
    display: block;
}
*/

/*
svg{
    position: absolute;
    top: 0;
    left: 0;
}
*/
/*
.width {
    min-width:480px;
}
*/


h1 {text-align:center;}
h6 {text-align:center;}
a span {display: none; position: absolute; color: #fff; background: #000; padding: 5px;}
/*a {position: relative;}*/
a.nounderline{text-decoration:none; font-weight:bold; color:blue;}
a:hover span {display: block; text-align: left;}

  @font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: local('Merriweather'), local('Merriweather-Regular'), url(http://fonts.gstatic.com/s/merriweather/v13/RFda8w1V0eDZheqfcyQ4EHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
  }
  @font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  src: local('Merriweather Bold'), local('Merriweather-Bold'), url(http://fonts.gstatic.com/s/merriweather/v13/ZvcMqxEwPfh2qDWBPxn6nnl4twXkwp3_u9ZoePkT564.woff) format('woff');
  }
  @font-face {
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 400;
  src: local('Merriweather Italic'), local('Merriweather-Italic'), url(http://fonts.gstatic.com/s/merriweather/v13/So5lHxHT37p2SS4-t60SlHpumDtkw9GHrrDfd7ZnWpU.woff) format('woff');
  }
  @font-face {
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 700;
  src: local('Merriweather Bold Italic'), local('Merriweather-BoldItalic'), url(http://fonts.gstatic.com/s/merriweather/v13/EYh7Vl4ywhowqULgRdYwIL0qgHI2SEqiJszC-CVc3gY.woff) format('woff');
  }
  *{text-align: justify;}
/*  img{border-radius: 8px;max-width: 800px;height: auto;width: auto\9; display: block; object-fit: contain;} */
  iframe{display:block; border-radius: 8px;}