* { margin:0; padding:0 }

html, body { width: 100%; height: 100%; -webkit-text-size-adjust: none }
body { font-family: sans-serif; font-size: 100px; overflow-x: hidden }

a { text-decoration: none; }


/*!
 * Bootstrap Grid v4.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

 body > p, #content { font-size: 1em; padding: 0.4em }
 body > p { text-shadow: 2px 1px #fff }
 body > p:first-child { font-size: 1.2em; padding: calc(1em / 3) }


.msg_head {
    border-radius: 0.5em;
    border-style: solid;
    border-width: 1px;
    border-color: black;
    padding: calc(1em / 3);
    color: #C0C0C0;
    font-family: sans-serif;
}

.player{
  width: 100%;
  height: 30px;
  margin: 0;
  display: block;
}


@media screen and (max-width: 768px) {
  body { font-size: 30px }
  body > p, #content { font-size: 1em }
  body > p:first-child { font-size: 1.2em }

  .msg_body { margin-top: calc(1em / 3) }
}