body, html {
  padding:20px;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#600B4C), to(#410734));
  background: -moz-linear-gradient(0 0 270deg, #600B4C, #410734);
  background: linear-gradient(#600B4C, #410734);
  background: -o-linear-gradient(#600B4C, #410734);
  color:#EECEEE;
  font-size:25px;
  overflow:hidden;
  overflow-x:hidden;
  overflow-y:hidden;
  font-family:Arial;
  text-decoration:none;
}
.header {
  position:fixed;
  top:55;
  left:0;
  right:0;
  text-align:center;
  padding:15px;
  padding-top:15px;
  padding-bottom:20px;
  font-size:45px;
  color:#B38AB8;
  font-weight:bold;
  border-bottom:5px ridge #B38AB8;
  z-index:1;
  font-family:Arial;
}
.menubutton {
  font-size:22px;
  color:#600B4C;
  background-color:#EECEEE;
  padding-left:7px;
  padding-right:7px;
  padding-bottom:2px;
  padding-top:2px;
  margin-left:2px;
  text-decoration:none;
  border-radius:75px;
  z-index:5;
  font-family:Arial;
}
.menudis {
  font-size:22px;
  color:#000000;
  background-color:#6E6E6E;
  padding-left:7px;
  padding-right:7px;
  padding-bottom:2px;
  padding-top:2px;
  margin-left:2px;
  text-decoration:none;
  border-radius:75px;
  z-index:5;
  font-family:Arial;
}
.menusel {
  font-size:22px;
  color:#000000;
  background-color:#EECEEE;
  padding-left:7px;
  padding-right:7px;
  padding-bottom:2px;
  padding-top:2px;
  margin-left:2px;
  text-decoration:none;
  border-radius:75px;
  z-index:5;
  font-family:Arial;

}

.diss {
  color:transparent;
  font-size:22px;
}
.score {
  color:#EECEEE;
  font-size:22px;
}
.page {
  position:fixed;
  top:150;
  left:0;
  right:0;
  bottom:0;
  overflow:auto;
  text-align:left;
  padding:10px;
  font-size:25px;
  font-weight:bold;
  border-bottom:5px ridge #B38AB8;
  border-left:5px ridge #B38AB8;
  z-index:1;
  overflow-x:hidden;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#410734), to(#600B4C));
  background: -moz-linear-gradient(0 0 270deg, #410734, #600B4C);
  background: linear-gradient(#410734, #600B4C);
  background: -o-linear-gradient(#410734, #600B4C);
  font-family:Arial;
}
.no {
  color:#35063B;
}
.yes {
  color:#B38AB8;
}
.logout {
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#B11C1C), to(#FF0000));
  background: -moz-linear-gradient(0 0 270deg, #B11C1C, #FF0000);
  background: linear-gradient(#B11C1C, #FF0000);
  background: -o-linear-gradient(#B11C1C, #FF0000);
  text-decoration:none;
  z-index:2;
  font-size:25px;
  padding-left:7px;
  padding-right:7px;
  padding-top:4px;
  padding-bottom:4px;
  font-weight:bold;
  border-radius:75px;
  font-family:Arial;
  border:2px double #EECEEE;
  color:#FF0000;
}
.llogout {
  background-color:#0080FF;
  text-decoration:none;
  z-index:2;
  font-size:22px;
  padding-left:7px;
  padding-right:7px;
  padding-top:3px;
  padding-bottom:3px;
  font-weight:bold;
  border-radius:75px;
  font-family:Arial;
  border:2px ridge #EECEEE;
}

.logout:hover {
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#FF0000), to(#B11C1C));
  background: -moz-linear-gradient(0 0 270deg, #FF0000, #B11C1C);
  background: linear-gradient(#FF0000, #B11C1C);
  background: -o-linear-gradient(#FF0000, #B11C1C);
}
.black {
  color:#EECEEE;
}
.white {
  color:#EECEEE;
}
.size18 {
  font-size:18;
}
.red {
  color:#FF0000;
}
.userinfo {
  padding-top:2px;
  color:#B38AB8;
  position:fixed;
  top:10;
  left:10;
  z-index:2;
  font-size:28px;
  font-family:Arial;
}
.username {
  color:#EECEEE;
  font-weight:bold;
  font-family:Arial;
  font-size:28px;
}
.topbar {
  position:fixed;
  top:0;
  left:0;
  right:0;
  height:50px;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#3D0844), to(#220325));
  background: -moz-linear-gradient(0 0 270deg, #3D0844, #220325);
  background: linear-gradient(#3D0844, #220325);
  background: -o-linear-gradient(#3D0844, #220325);
  border-bottom:5px ridge #B38AB8;
  z-index:1;
  font-family:Arial;

}
.login {
  background-color:#B38AB8;
  color:#600B4C;
  border:2px solid #600B4C;
  padding-left:10px;
  padding-right:10px;
  padding-top:3px;
  padding-bottom:3px;
  z-index:100;
  font-size:25px;
  border-radius:75px;
  text-decoration:none;
  font-weight:bold;
  font-family:Arial;

}
.switch {
  position:fixed;
  top:80;
  left:20;
  background-color:#B38AB8;
  color:#600B4C;
  border:2px solid #600B4C;
  padding-left:10px;
  padding-right:10px;
  padding-top:3px;
  padding-bottom:3px;
  z-index:100;
  font-size:25px;
  border-radius:75px;
  text-decoration:none;
  font-weight:bold;
  font-family:Arial;

}
.switchs {
  position:fixed;
  top:;
  right:270;
  background-color:#EECEEE;
  color:#600B4C;
  padding-left:10px;
  padding-right:10px;
  padding-top:3px;
  padding-bottom:3px;
  z-index:100;
  font-size:25px;
  border-radius:75px;
  text-decoration:none;
  font-weight:bold;
  font-family:Arial;
}
.switchs:hover {
  background-color:#B40404;
  color:#F6CECE;
}
.switch:hover {
  background-color:#600B4C;
  color:#B38AB8;
  border:2px solid #B38AB8;
}
.upload:hover {
  background-color:#600B4C;
  color:#B38AB8;
  border:2px solid #B38AB8;
}
.login:hover {
  background-color:#600B4C;
  color:#B38AB8;
  border:2px solid #B38AB8;
}

.usermenu {
margin-top:-10px;
}
.usernick {
  color:#B38AB8;
  display:inline-block;

}
.scale-img {
  z-index:1;
  width: auto;
  height: 400px;
  max-width:100%;
  z-index:3;
}
.container {
  margin-top:8px;
  border:10px ridge #B38AB8;
  width: auto;
  height: 400px;
  max-width:100%;
  overflow:hidden;
  display:inline-block;
  z-index:2

}
.alink {
  display:inline-block;
  z-index:9;
}
,abr {
  padding:10px;
  display:inline-block;
  margin-bottom:0.2em;
}
.topmenu {
  position:fixed;
  top:80;
  right:20;
  z-index:99;
}
.upload {
  background-color:#B38AB8;
  color:#600B4C;
  border:2px solid #600B4C;
  padding-left:10px;
  padding-right:10px;
  padding-top:3px;
  padding-bottom:3px;
  z-index:100;
  font-size:25px;
  border-radius:75px;
  text-decoration:none;
  font-weight:bold;
  margin-left:20px;
}
.userdata {
  margin-top:5px;
  margin-bottom:5px;
}
.dist {
  color:#B38AB8;
}
.userdata {
  text-align:center;
  padding:0px;
  z-index:1;
}
.xxspace {
  content: "";
  margin:1px;
  margin-bottom: -20px; 
  display: flex;
  text-overflow: clip;
  white-space: nowrap;
  width:120%;
  margin-left: -10%;
  min-width:120%;
  overflow:hidden;
  overflow-y:hidden;
  overflow-x:hidden;
  border-bottom:4px solid #B38AB8;
}

.sslink {
  position:fixed;
  right:0;
  left:0;
  top:0;
  display:inline-block;
  width:100%;
  float:right;
  min-width:100%;
  text-align:center;
  font-size:27px;
  font-face:Arial;
  font-family:Arial;
  font-weight:bold;
  padding-left:10px;
  padding-top:4px;
  padding-bottom:4px;
  padding-right:10px;
  color:#600B4C;
  border:3px solid #600B4C;
  background-color:#B38AB8;
  color:#600B4C;
  z-index:100;
  border-radius:75px;
  text-decoration:none;
}
.coltext {
color:#B38AB8;
}
.rd {
  font-size:25px;
  width:200px;
}
.url {
  font-weight:bold;
  font-face:Arial;
  font-family:Arial;
  font-size:25px;
  width:900px;
}
.submit {
  font-weight:bold;
  font-face:Arial;
  font-family:Arial;
  font-size:25px;
}

.amsg {
  font-weight:bold;
  font-face:Arial;
  font-family:Arial;
  left:15%;
  position:absolute;
  top:auto;
}
.error {
  font-weight:bold;
  font-face:Arial;
  font-family:Arial;
  position:fixed;
  top:0;
  left:0;
  right:0;
  padding:5px;
  font-size:25px;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#B11C1C), to(#FF0000));
  background: -moz-linear-gradient(0 0 270deg, #B11C1C, #FF0000);
  background: linear-gradient(#B11C1C, #FF0000);
  background: -o-linear-gradient(#B11C1C, #FF0000);
  color:#EECEEE;
  text-align:center;
  border-bottom:3px ridge #EECEEE;
  z-index:200;
}
.success {
  font-weight:bold;
  font-face:Arial;
  font-family:Arial;
  position:fixed;
  top:0;
  left:0;
  right:0;
  padding:5px;
  font-size:25px;
  background-color:#08440C;
  color:#EECEEE;
  text-align:center;
  border-bottom:3px solid #EECEEE;
  z-index:200;
}

.uploadpage {
  position:absolute;
  top:20%;
  left:25%;
  float:left;
  font-size:25px;
  border:2px dotted #EECEEE;
  padding:30px;
}
.urlpage {
  position:absolute;
  top:40%;
  left:25%;
  float:left;
  font-size:25px;
  border:2px dotted #EECEEE;
  padding:30px;
}
.dourl {
  width:800px;
  min-width:800px;
  display:inline-block;
  background-color:#B38AB8;
  color:#600B4C;
  padding:2px;
  text-align:center;
  font-weight:bold;
  font-face:Arial;
  font-family:Arial;
  font-size:25px;
}

.user {
  width:400px;
  min-width:400px;
  display:inline-block;
  background-color:#EECEEE;
  color:#000000;
  padding:2px;
  text-align:center;
  font-weight:bold;
  font-face:Arial;
  font-family:Arial;
  font-size:28px;
}
.starmenu {
  display:inline-block;
  width:100%;
  min-width:100%;

}
.rating {
  text-align:center;
  color: #B38AB8;
  display: inline-block;
  unicode-bidi: bidi-override;
  font-size: 25px;
  height:auto;
  width: auto;
  text-align:center;
  padding:0px;
  margin: 0;
  margin-left:70%;
  z-index:91;
  font-family:Arial;
}
.rating-upper {
  padding-top:10px;
  color: #B38AB8;
  padding: 0;
  display: flex;
  z-index:91;
}

.rating-lower {
  padding: 0;
  display: flex;
  z-index: 0;
  color:#600B4C;
}
.votebuttons {
  color:#B38AB8
  font-size:22px;
  z-index:91
}
.votemenu {
  color:#B38AB8;
  font-size:22px;
  z-index:91;

}
.excess {
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#3D0844), to(#220325));
  background: -moz-linear-gradient(0 0 270deg, #3D0844, #220325);
  background: linear-gradient(#3D0844, #220325);
  background: -o-linear-gradient(#3D0844, #220325);
  width:70%;
  display:inline-block;
  text-align:center;
  padding:5px;
  border:4px solid #B38AB8;
  margin-bottom:10px;
  border-radius:75px;
  font-size:28px;

}
.respect {
  border:5px ridge #B38AB8;
  border-radius:75px;
  display:inline-block;
  width:150px;
  min-width:150px;
  padding:10px;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#3D0844), to(#220325));
  background: -moz-linear-gradient(0 0 270deg, #3D0844, #220325);
  background: linear-gradient(#3D0844, #220325);
  background: -o-linear-gradient(#3D0844, #220325);
  float:right;
  margin-right:3%;
  padding-right:11%;
  margin-top:-22%;
  text-align:center;
  float:right;
  z-index:91;
  overflow:show;
  font-family:Arial;
}
.srat {
  margin-top:8px;
  margin-bottom:8px;
  display:inline-block;
}
.pub {
font-size:25px;
border-top-right-radius:25px;
border-bottom-right-radius:25px;
padding-top:2px;
padding-bottom:2px;
border-left:2px solid #FFFFFB;
float:right;
text-decoration:none;
color:#FFFFFB;
padding-right:6px;
padding-left:6px;
z-index:1;
}
.dr {
float:right;
text-decoration:none;
color:#FFFFFB;
padding-right:6px;
padding-left:6px;
padding-top:2px;
padding-bottom:2px;
color:#FFFFFB;
font-size:25px;
background-color:#FF0000;
}
.rmen {
border:3px solid #FFFFFB;
float:right;
border-top-right-radius:25px;
border-bottom-right-radius:25px;
color:#000000;
font-size:25px;
background-color:#FFFFFB;
}