/*
   Content Style Sheet for karl at khaotik dot org's website
*/

body {
  background: #100000 url(/images/gray_mat2.jpg) repeat scroll top left;
  font-family:chalkboard,monaco,helvetica;
  color:#BB44FF;
  text-align:center;
  margin: 2.5%  7.5%;
}

a:link    { color:#BB00FF; }
a:visited { color:#8844FF; }
a:hover   { color:#88BBFF; }
a:active  { color:#BBBBFF; }

p {
  font-size:15pt;
}
h1 { font-size:300%; }
h2 { font-size:200%; }
h3 { font-size:150%; }

p2 {
  font-size:13pt;
}
h1 { font-size:300%; }
h2 { font-size:200%; }
h3 { font-size:150%; }

li {
   font-size:15pt;
}

hr {
  background-color:#BB44FF;
  width:67%;
  border-width:0;
  height:3px;
}



/*
   found this crud here: https://techstacker.com/how-to-responsive-youtube-videos
*/

.youtube-video-container {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.youtube-video-container::after {
  display: block;
  content: "";
  padding-top: 56.25%;
}

.youtube-video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}