body {

   background-color:#191927;
   color:#8FBC8F;
   font-size:19px;
}
a:link{
  color:#6495ED;text-decoration:none;
}

a:visited{
    color:#ff0000;text-decoration:none;
}
#main {
   width:100%;
}

#sidebar {
    position: fixed;
    left:0;
    top:0;
}

.css3gradient1{width:80px;height:1320px;

 background:linear-gradient(90deg, #191927 0%, #ee82ee 50%,#ee82ee 50%,#191927 100%);
}

h1 {
   color:#336666;
   text-align:center;
}

h2 {
   color:#336666;
   text-align:center;
}


#content{
   margin:auto;
   width:1050px;
   box-sizing:border-box;
   padding: 15px;
   text-align:justify;
   margin-left: 120px;
   overflow:hidden;
}

.g {

  color:#ffd700;
  font-weight:bold;
}

.l {
  line-height:30px;

}

.vs {

  color:#ffd700;
  font-size:12px;
  vertical-align:middle;
}
.vl {

   font-size:20px; vertical-align:middle;
}


.d {

  color:#ee88ee;
  font-weight:bold;
  font-size:26px;
}

.c {
  color:forestgreen;
  font-size:20px;
}

ul {
  list-style-type:none;color:#136666;
}

.table1 {
  border-spacing:5px;
  border-collapse: separate;
  border-radius:12px;
  border:5px dotted;
  border-color:#ff0000 #ffff00 #00ff00 #0000ff;

}
.table1 tr{

}
.table1 td {
  background-image:url('linear-red-angles.png');
  width:488px;
  height:122px;
  padding:5px;

}


.table2 {

  border-spacing:5px;
  border-collapse: separate;
  border-radius:12px;

}
.table2 tr{

}
.table2 td {

  width:260px;
  height: 30px;
  padding:15px;

}


.center{
   margin:auto;
   width:500px;
   text-align:center;
   box-sizing:border-box;
}