#msg:target:before
{
  display: block;
}

#msg:before
{
  content: "";
  display: block;
  background: rgba(175, 175, 175, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  display: none;
}

#msg
{
  display: none;
}

#msg:target
{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 11;
}

#msg>div
{
  max-height: 100%;
  max-width: 70em;
  overflow: auto;
  box-shadow: 0px 0px 5px 5px gray;
  border-radius: 15px;
  background: #FEFEFE;
  margin: 15px;
  padding: 15px;
  position: fixed;
  z-index: 12;
}

#msg>div>div:first-child
{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

#msg>div>div:first-child>a:first-child>img
{
  width: 24pt;
  height: 16pt;
}

#msg>div>div:first-child>a:last-child>img
{
  width: 9pt;
  height: 9pt;
}

#msg>div>div:nth-child(2)
{
  border-top: 1px solid #AAAAAA;
  margin-top: 10px;
  padding-top: 5px;
}

#msg>div>div:last-child
{
  border-top: 1px solid #AAAAAA;
  margin-top: 10px;
  padding-top: 5px;
}

#msg>div>div a
{
  padding-top: 5px;
  text-decoration: underline;
}

#msg p
{
  margin-top: 15pt;
}

#msg ul
{
  margin-top: 5pt;
  margin-left: 20pt;
}

#msg li
{
  padding-left: 5pt;
}