body, html {
padding:20px;
background-color:#3A2F0B;
color:#FFBF00;
font-size:25px;
overflow:hidden;
overflow-x:hidden;
overflow-y:hidden;
font-family: Arial, Helvetica, sans-serif;
text-decoration:none;
}
.header {
position:fixed;
top:55;
left:0;
right:0;
text-align:center;
padding:15px;
padding-bottom:25px;
font-size:42px;
color:#FFBF00;
font-weight:bold;
border-bottom:2px solid #FFBF00;
z-index:1;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.menubutton {
font-size:22px;
color:#3A2F0B;
background-color:#FFBF00;
padding-left:7px;
padding-right:7px;
padding-bottom:2px;
padding-top:2px;
margin-left:2px;
text-decoration:none;
border-radius:5px;
z-index:5;
}
.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:5px;
z-index:5;=
}
.menusel {
font-size:22px;
color:#000000;
background-color:#FFBF00;
padding-left:7px;
padding-right:7px;
padding-bottom:2px;
padding-top:2px;
margin-left:2px;
text-decoration:none;
border-radius:5px;
z-index:5;

}

.diss {
color:transparent;
font-size:22px;
}
.score {
color:#FFBF00;
font-size:22px;
}
.page {
position:fixed;
top:170;
left:0;
right:0;
bottom:10;
overflow:auto;
text-align:left;
padding:20px;
font-size:25px;
font-weight:bold;
border-bottom:2px solid #FFBF00;
z-index:1;
}
.no {
color:#F7D358;
}
.yes {
color:#FFBF00;
}
.logout {
background-color:#B40404;
text-decoration:none;
z-index:2;
font-size:22px;
padding-left:7px;
padding-right:7px;
padding-top:2px;
padding-bottom:2px;
font-weight:bold;
border-radius:4px;
}
.logout:hover {
background-color:#FFBF00;
color:#3A2F0B;
}
.black {
color:#FFFFFF;
}
.white {
color:#FFFFFF;
}
.size18 {
font-size:18;
}
.red {
color:#B40404;
}
.userinfo {
padding-top:2px;
font-family: "Lucida Console", "Courier New", monospace;
color:#F6E3CE;
position:fixed;
top:10;
left:10;
z-index:2;
font-size:23px;
}
.username {
color:#FFBF00;
font-weight:bold;
}
.topbar {
position:fixed;
top:0;
left:0;
right:0;
height:50px;
background-color:#000000;
border-bottom:2px solid #FFBF00;
z-index:1;
}
.login {
position:fixed;
top:80;
right:20;
background-color:#FFBF00;
color:#3A2F0B;
padding-left:10px;
padding-right:10px;
padding-top:3px;
padding-bottom:3px;
z-index:100;
font-size:25px;
border-radius:5px;
text-decoration:none;
font-weight:bold;
}
.switch {
position:fixed;
bottom:30;
right:30;
background-color:#FFBF00;
color:#3A2F0B;
padding-left:10px;
padding-right:10px;
padding-top:3px;
padding-bottom:3px;
z-index:100;
font-size:25px;
border-radius:5px;
text-decoration:none;
font-weight:bold;
}
.switchs {
position:fixed;
bottom:30;
right:270;
background-color:#FFBF00;
color:#3A2F0B;
padding-left:10px;
padding-right:10px;
padding-top:3px;
padding-bottom:3px;
z-index:100;
font-size:25px;
border-radius:5px;
text-decoration:none;
font-weight:bold;
}
.switchs:hover {
background-color:#B40404;
color:#F6CECE;
}
.switch:hover {
background-color:#B40404;
color:#F6CECE;
}
.upload:hover {
background-color:#B40404;
color:#F6CECE;
}
.login:hover {
background-color:#B40404;
color:#F6CECE;
}

.usermenu {
}
.usernick {
color:#FFFFFFD;
font-weight:bold;
}
.image {
    content: "";
    z-index:1;
    margin: 0.5em;
    margin-bottom: -1px; 
white-space: nowrap;
display:inline-block;
}
.img {
padding:10px;
text-align:center;
}
.alink {
border:3px dotted #FFBF00;
min-height:420px;
height:420px;
display:inline-block;
width:620px;
min-width:620px;
margin:20px;
border-radius:5px;
}
.upload {
position:fixed;
top:80;
left:20;
background-color:#FFBF00;
color:#3A2F0B;
padding-left:10px;
padding-right:10px;
padding-top:3px;
padding-bottom:3px;
z-index:100;
font-size:25px;
border-radius:5px;
text-decoration:none;
font-weight:bold;
}
.userdata {
margin-top:15px;
margin-bottom:15px;
}
.dist {
color:#FFFFFF;
}
.userdata {
text-align:center;
padding:10px;
z-index:1;
}
.xxspace {
    content: "";
    margin: 0.1em;
    margin-bottom: -1px; 
display: flex;
text-overflow: clip;
white-space: nowrap;
}

.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:#3A2F0B;
border:3px solid #3A2F0B;
background-color:#FFBF00;
  z-index:100;
border-radius:5px;
  text-decoration:none;
}

.usertalent {
  left:0;
  right:0;
  width:100%;
  min-width:100%;
  max-width:100%;
  top:10%;
  position:fixed;
  font-size:30px;
  color:#CEE3F6;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#0B4C5F), to(#000000));
  background: -moz-linear-gradient(0 0 270deg, #0B4C5F, #000000);
  background: linear-gradient(#0B4C5F, #000000);
  background: -o-linear-gradient(#0B4C5F, #000000);
  padding-top:5px;
  padding-bottom:8px;
  padding-left:20px;
  padding-right:2px;
  text-align:left;
  font-weight:bold;
  font-face:Arial;
  font-family:Arial;
  border:1px solid #81BEF7;
  z-index:20;
}
.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-color:#FF0000;
color:#FFFFFF;
text-align:center;
border-bottom:3px solid #FFFFFF;
z-index:200;
}
.uploadpage {
position:absolute;
top:20%;
left:25%;
float:left;
font-size:25px;
border:2px dotted #FFBF00;
padding:30px;
}
.urlpage {
position:absolute;
top:40%;
left:25%;
float:left;
font-size:25px;
border:2px dotted #FFBF00;
padding:30px;
}
.dourl {
width:800px;
min-width:800px;
display:inline-block;
background-color:#FFFFFF;
color:#000000;
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:#FFFFFF;
color:#000000;
padding:2px;
text-align:center;
  font-weight:bold;
  font-face:Arial;
  font-family:Arial;
font-size:25px;
}
.starmenu {
  display:inline-block;
  width:100%;
  min-width:100%;
}
.rating {
float:right;
  color: #FFBF00;
  display: inline-block;
  unicode-bidi: bidi-override;
  font-size: 25px;
  height: 25px;
  width: 100px;
  margin: 0;
  margin-right:28%;
  margin-top:-17px; 
  margin-left:-20px;
  position: relative;
  padding: 0;
z-index:2;
}

.rating-upper {
  color: #FFBF00;
  padding: 0;
  z-index: 1;
  display: flex;
z-index:2;
}

.rating-lower {
  padding: 0;
  display: flex;
  z-index: 0;
  color:#3A2F0B;
}
.votebuttons {
color:#FFBF00;
font-size:22px;
z-index:5;
}
.votemenu {
margin-right:-550px;
color:#FFBF00;
font-size:22px;
}