@import url(https://fonts.googleapis.com/css?family=Ubuntu);
.main-bg-text,.main-bg-text2 {
 top:25%;
 font-size:13rem;
 transform:rotate(-45deg);
 font-weight:800;
 color:#e6e6e640;
 z-index:-11111;
 position:absolute
}
.dsetem-header,
.dsetem1 span,
.loading,
header {
 text-align:center
}
body,
html {
 margin:0 auto;
 font-family:Ubuntu,sans-serif;
 background:0 0;
 min-height:900px
}
.main-bg-text {
 left:10%
}
.main-bg-text2 {
 left:50%
}
header {
/* background:#FFF;*/
 padding:0px 0;
/* box-shadow:0 4px 18px 3px rgba(0,0,0,.13);*/
 margin-bottom:0px;
}
header img {
 width:45px;
 position:absolute;
 left:3rem;
 top:2rem
}
header h3 {
 margin:0;
 text-shadow:0 8px 6px #673ab72b;
 color:#615d3f;
 font-size:26px
}
@keyframes bounch {
 0%,
 100% {
  background-color:red;
  left:58%
 }
 25% {
  background-color:#ff0;
  left:60%
 }
 50% {
  background-color:#00f;
  left:60%
 }
 75% {
  background-color:green;
  left:58%
 }
}
@keyframes bounch2 {
 0%,
 100% {
  background-color:red;
  left:60%
 }
 25% {
  background-color:#ff0;
  left:58%
 }
 50% {
  background-color:#00f;
  left:58%
 }
 75% {
  background-color:green;
  left:60%
 }
}
.loading {
 position:relative
}
.loading:after,
.loading:before {
 position:absolute;
 height:10px;
 width:10px;
 top:5px;
 border-radius:50%;
 content:''
}
.loading:after {
 background:red;
 animation:bounch 3s linear 0s infinite alternate
}
.loading:before {
 background:#00f;
 animation:bounch2 3s linear 0s infinite alternate
}
.dsetem-header,
.dsetem-header:after {
 height:100%;
 width:5%;
 position:absolute
}
.dsetem1 {
 position:relative;
 background:#49244e;
 margin:0;
 padding:0
}
.dsetem1 span {
 display:inline-block;
 background:0 0;
 padding:0 15px 0 5px;
 position:relative;
 font-size:12px;
 line-height:15px;
 border-radius:3px;
 margin:7px 5px 4px;
 color:#fff
}
.dsetem1 i {
 position:absolute;
 right:0;
 top:8px;
 font-size:25px;
 font-style:normal
}
.dsetem1 i.upper {
 color:#00ff00;
    font-weight: 600;
}
.dsetem1 i.lower {
 color:red;
    font-weight: 600;
}
.dsetem1 i.middle {
 color:#fff;
    font-weight: 600;
     
}
code {
 border-radius:3px;
 padding:1px 8px;
 color:#cfe098;
 font-size:12px
}
.dsetem-header {
 left:0;
 z-index:1;
 background:#00969D;
 align-items:stretch;
 align-content:center;
 display:grid;
 overflow:hidden;
 padding-left:8px;
 color:#fff;
 width: 60px;
}
.cse-table h3,
.dse-table h3 {
 border:3px solid #f3d834;
 color:#868181;
 text-align:center
}
.dsetem-header:after {
 content:'';
 background:#b9d2b9;
 right:0;
 top:0
}
.cse-table,
.dse-table {
 width:90%;
 box-shadow:0 0 20px 2px rgba(0,0,0,.12)
}
.dse-table {
 margin:30px auto;
 padding:15px;
 background:#fff
}
.dse-table h3 {
 padding:20px 0;
 background:#fff599;
 margin-top:0
}
.cse-table {
 margin:30px auto;
 padding:15px;
 background:#fff
}
.cse-table h3 {
 padding:20px 0;
 background:#fff599;
 margin-top:0
}
table tr td {
 text-align:center
}
footer p {
 text-align:center;
 color:#a7a7a7
}
footer a {
 color:#42a63a;
 text-decoration:none
}