body {
    background-color: #000;
    color: #fff;
    font-family: Verdana;
}
.case {
  display: flex;
  justify-content: center;
}

.title {
    color: white;
    font-size: 1.3em;
    display: flex;
    justify-content: center;
    margin-top:1em;
    margin-bottom:-3.5em;
}


.com {
  width: 800px;
  margin: 5em;
  border: 3px solid white;
  border-radius: 3px;
  height: 400px;
  position: relative;
  background-color: #000;
  display: flex;
  
}

.comthin {
    width: 400px;
    margin: 5em;
    border: 3px solid white;
    border-radius: 3px;
    height: 400px;
    position: relative;
    background-color: #000;
    display: flex;
}

.comtxt {
    padding: 1em;
    overflow: scroll;
    height: 380px;
    position:relative;
}

footer {
border: 3px solid white;
border-radius: 3px;
background-color: black;
position: absolute;
bottom: -1.8em;
right: -2.5px;
width: 100%;
height: 1.2em;
padding-bottom:0.3em;
}

.right {
  position: absolute;
  right: 0px;
  padding: 0 1em 0 1em ;
}

.center {
    display: flex;
    justify-content: center
}

.border {
    border: 3px solid white;
    border-radius: 3px;
    margin: 10em
}

.left {
  position: absolute;
  left: 0px;
  padding: 0 1em 0 1em ;
}

.imgxscroll {
    width:800px;

    overflow-x:scroll;
}


.emo {
    position: absolute;
    right: 350px;
    margin-top: 18px;
    font-size: 0.8em;
    background-color: #333;
    border-radius: 3px;
    color: white;
    text-shadow: none;
}

.diatitle {
    color: white;
    font-size: 1.3em;
    display: flex;
    justify-content: center;
}

.dialog {
    border: 3px white dashed;
    padding: 15px;
}

.t_text {
    color: #0af;
    text-shadow: -1px -1px 0 #a0f, 1px -1px 0 #a0f, -1px 1px 0 #a0f, 1px 1px 0 #a0f,0 1px #a0f, 0 -1px #a0f, 1px 0 #a0f, -1px 0 #a0f;
}

.q_text {
    color: #0ac;
    text-shadow: -1px -1px 0 #550, 1px -1px 0 #550, -1px 1px 0 #550, 1px 1px 0 #550,0 1px #550, 0 -1px #550, 1px 0 #550, -1px 0 #550
}

.h_text {
    color: #c00;
    text-shadow: -1px -1px 0 #caf, 1px -1px 0 #caf, -1px 1px 0 #caf, 1px 1px 0 #caf,0 1px #caf, 0 -1px #caf, 1px 0 #caf, -1px 0 #caf
}

.c_text {
    color: #626262;
    text-shadow: -1px -1px 0 #a00, 1px -1px 0 #a00, -1px 1px 0 #a00, 1px 1px 0 #a00,0 1px #a00, 0 -1px #a00, 1px 0 #a00, -1px 0 #a00
}

.a_text {
    color: #ccc;
    text-shadow: -1px -1px 0 #050, 1px -1px 0 #050, -1px 1px 0 #050, 1px 1px 0 #050,0 1px #050, 0 -1px #050, 1px 0 #050, -1px 0 #0a0
}

.v_text {
    color: #a1a100;
    text-shadow: -1px -1px 0 #555, 1px -1px 0 #555, -1px 1px 0 #555, 1px 1px 0 #555,0 1px #555, 0 -1px #555, 1px 0 #555, -1px 0 #555
}

.sq_text {
    color: #0cc;
    text-shadow: -1px -1px 0 #caf, 1px -1px 0 #caf, -1px 1px 0 #caf, 1px 1px 0 #caf,0 1px #caf, 0 -1px #caf, 1px 0 #caf, -1px 0 #caf
}