div {
    display: flex;
    align-items: center;
    justify-content: center;
}
.iframe{
  width: 200px;
}
div,
body,
html {
    height: 100%;
    width: 100%;
}
body{
    display: table;
    height:100%;
    width: 100%;
    color: #99ff00;  
    background: #000000 
}
a:link    {  color: #9999ff;  background: #000000 }
a:visited {  color: #999999;  background: #000000 }
a:active  {  color: #ff0000;  background: #000000 }

h1        {  color: #99ff00;  background: #000000 }

p         {  color: #99ff00;  background: #000000 }

pre.ascii {  color: #99ff00;  background: #000000;  font-weight: bold; }
a.ascii   {  background: #000000;  font-weight: bold;  }

.red             {  color: #D22613;  background: #000000;  font-weight: bold; }
.brightred       {  color: #E50000;  background: #000000;  font-weight: bold; }
.green           {  color: #7CDE53;  background: #000000;  font-weight: bold; }
.brightgreen     {  color: #A0F2A0;  background: #000000;  font-weight: bold; }
.yellow          {  color: #EBE645;  background: #000000;  font-weight: bold; }
.brightyellow    {  color: #E5E500;  background: #000000;  font-weight: bold; }
.blue            {  color: #2C9ADE;  background: #000000;  font-weight: bold; }
.brightblue      {  color: #A3FEFE;  background: #000000;  font-weight: bold; }
.magenta         {  color: #FFA705;  background: #000000;  font-weight: bold; }
.brightmagenta   {  color: #F1B356;  background: #000000;  font-weight: bold; }
.cyan            {  color: #8A95A7;  background: #000000;  font-weight: bold; }
.brightcyan      {  color: #B0C3DA;  background: #000000;  font-weight: bold; }
.white           {  color: #F8F8F8;  background: #000000;  font-weight: bold; }
.brightwhite     {  color: #FFFFFF;  background: #000000;  font-weight: bold; }