:root {
 
  --body-bg-image: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)), url('/aeszpaj/graphics/bg.png');


  --content: #ffcfe8; 
}

::-webkit-scrollbar {
width: 14px;
height: 10px;
}

::-webkit-scrollbar-thumb {
background: linear-gradient(90deg, rgba(238,238,238,1) 38%, rgba(206,206,206,1) 62%);
border: 1.5px solid #888888;
border-radius: 5px;
}

::-webkit-scrollbar-track {
background: linear-gradient(90deg, rgba(230,230,230,1) 6%, rgba(240,240,240,1) 18%);
}

::-webkit-scrollbar-button {
display: block;
width: 14px;
height: 16px;
}

::-webkit-scrollbar-button:vertical:start:decrement {
background: white;
background-image: url("https://dl.dropbox.com/s/vtnpkuealr2f7u4/whc8iy3_d.png");
border: 1.5px solid #888888;
border-radius: 5px;
}

::-webkit-scrollbar-button:vertical:start:increment {
display: none;
}

::-webkit-scrollbar-button:vertical:end:decrement {
display: none;
}

::-webkit-scrollbar-button:vertical:end:increment {
background: white;
background-image: url("https://dl.dropbox.com/s/vtnpkuealr2f7u4/whc8iy3_d.png");
border: 1.5px solid #888888;
border-radius: 5px;
}


hr {
  flex: 0 0 100%;
  border-image: linear-gradient(to bottom right, blue, aquamarine, blueviolet);
  border-width: 1.5px;
  border-style: solid;
  align-self: stretch;
  margin: 0;
 }
 
 .before {  
content: " ";  
display: block;  
position: fixed;  
top: 0;  
left: 0;  
bottom: 0;  
right: 0;  
background: linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.25) 50%);  
z-index: 9000000;  
background-size: 100% 4px, 6px 100%;
pointer-events: none;  
}

 html, body {
  height: 100%;
  font-size: 28px;
  font-family: 'atlan';
  -webkit-text-size-adjust: none;
  margin: 0 auto;
  background-color: gray;
  background-size: cover;
  background-position: center;
  background-image: var(--body-bg-image);
  color: #7b431a;
}

 * {
  box-sizing: border-box;
}

mark {
  background-color: #ff9cd7;
  color: #703902;
  font-family: 'atlan-thick';
}

.black {
  background-color: #ffa07d;
  color: white;
}

 .bold {
  -webkit-text-stroke: 1px white;
}

 .thin {
  -webkit-text-stroke: 1px black;
}

 .number {
  font-family: 'neuebit';
  font-size: 2rem;
  background-color: white;
  color: black;
 }

 .squish {
  display: inline-block;
  color: gray;
  margin-left: -5%;
  margin-top: -4%;
  font-size: 2rem;
  -webkit-transform:scale(.5,1);
  -moz-transform:scale(.5,1); 
  -ms-transform:scale(.5,1); 
  -o-transform:scale(.5,1); 
  transform:scale(.5,1); 

}

 #bar {
  max-width: 750px;
  height: 35px; 
  display: flex;
  margin: 0 auto;
 }

 #file {
  width: auto; 
  height: 100%;
  border: 2.5px solid white; 
  background-color: black; 
  font-family: 'lores';
  color: white; 
  padding: 0px 5px 40px; 
  outline: 1px solid black;
  position: relative;
  z-index: 25;
}

 .title {
  height: auto;
  width: 100%;
  text-align: inherit;
  font-size:2rem;
  margin-bottom: 5px;
}

 #hold {
  width: 100%;
  height: 350px;
  position: relative;
  padding: 3%;
  padding-top: 1%;
  font-size: 1.2rem;
  background-color: white;
 }
 
 #holdd {
  width: 100%;
  height: auto;
  position: relative;
  font-size: 1.2rem;
  background-image: linear-gradient(rgba(255,255,255,0.5),rgba(255,255,255,0.5)), url('/uma/graphics/tc.png');
  background-size: cover;
  border: 1.5px solid white;
 }
 
 #holdd a {
  color:green;
 }
 
 #scroll {
  width: 100%;
  height: 400px;
  background-color: white;
  padding: 1%;
  overflow: auto;
 }
 
 #popup {
  width: 325px;
  height: 200px;
  background-color: #ffe8f0;
  border: 1.5px solid deeppink;
  display: flex;
  flex-direction: column;
 }
 
 .handle {
  width: 100%;
  height: 30.5%;
 }
  
 #ttl {
  width: 100%;
  height: 30.5%;
  font-family: 'bpg';
  font-size: .6rem;
  background-color: #ff9142;
  padding: 2px;
  text-align: center;
  color: white;
  -webkit-text-stroke: .2px black;
 }
 
 #ttlsub {
  width: 100%;
  height: 69%;
  font-family: 'atlan-thick';
  text-align: center;
  padding: 5px;
  padding-top: 5px;
  background-image: linear-gradient(#82ffd7 1%, green 90%);
  color: #ffd4e3;
  -webkit-text-stroke: .4px deeppink;
 
 }
 
 #code {
  width: 100%;
  height: 58%;
  margin-top: 4%;
  text-align: center;
  position: relative;
 }
 
 #code img {
  position: relative;
  z-index: 999;
 }
 
 #code a {
  pointer-events: auto;
 }
 
 #stats {
  width: 100%;
  height: 150px; 
  border-image: linear-gradient(to right, #ff9e4a, #ff6bb0) 1; 
  border-width: 2px; 
  border-style: solid;
  border-bottom: none;
  background-image: linear-gradient(to right, rgba(127, 227, 100,1) 50%,transparent), url('/aeszpaj/graphics/2ma.png'); 
  background-size: cover,60%; 
  background-position:-20% 16%; 
  margin-top: 3%; 
  padding: 10px; 
  padding-top: 1%;
  font-size-adjust: none;
 }

 #stats a {
  color: white;
 }

 .tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1.5px solid green;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 300px;
  background-image: linear-gradient(to bottom right, #ff9e4a, #ff6bb0);
  color: black;
  text-align: center;
  border-radius: 6px;
  border: 1px solid green;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -145px;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

#container {
  width: 100%;
  height: 400px;
  background-image: url('/aeszpaj/graphics/uma.png');
  background-size: cover;
  background-position: 0 34%;
  border: 1.5px solid deeppink;
}

 #small {
  width: 100%;
  height: 300px;
  background-image: url('/ae/graphics/mmb/ae.gif');
  background-size: cover;
  background-position: center;
  border-top: 1.5px solid black;
 }

.col {
width: 100%;
height: 100px;
display: flex;
flex-direction: row;
padding: 15px;
}

#form {
  width: 100%;
  text-align: center;
  font-family: 'atlan-thick';
}

.btn-default {
  font-family: 'atlan-thick';
  background-image: linear-gradient(to bottom left, #ff9e4a, #ff6bb0);
  border: 1px solid green;
  font-size: 1.2rem;
  border-radius: 5px;
  padding-top: .5%;
  margin-bottom: 15px;
  -webkit-text-stroke: .5px green;
}

.mmb {
  width: 100%;
  height: 55px; 
  display: flex; 
  justify-content: space-evenly; 
  align-items: center;
  font-family: 'neuebit';
  font-size: 1.7rem;
}

.mmb img {
  width: 45px;
}
 
.lol {
  max-width: 750px;
  height: 80px;
}

#wrap {
  max-width: 750px;
  margin: 0 auto;
  height: auto;
  border: 1px solid green;
}

 #banner {
  width: 100%; 
  height: 30px !important; 
  border-image: linear-gradient(to right, #ff9e4a, #ff6bb0) 1; 
  border-width: 2px; 
  border-style: solid; 
  padding: 1%; 
  position: relative;
  background-image: linear-gradient(to left, #ff9e4a, #ff6bb0); 
  display: flex;
  align-items: center;
  overflow: hidden !important;
  color: white;
  font-size: .9rem;
 }
 
 #banner a {
  color: white;
 }

 .marquee {
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
}

  br { clear: both; }

 @media only screen and (max-width: 850px) {
}