@font-face {
    font-family:'cyberotica';
    src:url("https://chouxgat.neocities.org/fonts/Cyberotica%20Regular.ttf");
}

@font-face {
    font-family:'eurostile';
    src:url("https://chouxgat.neocities.org/fonts/eurostile.TTF");
}

@font-face {
    font-family:'kpossible';
    src:url("https://chouxgat.neocities.org/fonts/Kpossible-WyLpO.ttf");
}

*, *::before, *::after {
  box-sizing: border-box;
}

body {
    display:grid;
    align-items:left;
    font-family:'eurostile';
    font-size:20px;
    color:white;
    background-color:rgb(22, 22, 22);
}

a {
    color:greenyellow;
}

input, select, textarea, button {
  vertical-align: middle; /* Centers them vertically relative to each other */
}

::-webkit-scrollbar {
    display:none;
}

textarea {
  box-sizing: border-box;
  display: block;
  width: 100%;
  margin: 0;
}

h1 {
    font-family:'kpossible';
    font-style:italic;
    font-size:50px;
    position:absolute;
    z-index:999;
    top:590px;
    left:10px;
    color:rgb(146, 230, 20);
    text-shadow: 
    -2px -2px 0 #000,  
     2px -2px 0 #000,
    -2px  2px 0 #000,  
     2px  2px 0 #000;
}

h2 {
    font-family:'kpossible';
    position:absolute;
    top:650px;
    color:white;
    left:100px;
    text-shadow: 
    -2px -2px 0 #000,  
     2px -2px 0 #000,
    -2px  2px 0 #000,  
     2px  2px 0 #000;
}

.main img {
    display:block;
    width:41%;
    z-index:-1;
    margin:0;
}

.tab {
    position:absolute;
    right:30px;
    top:0;
}

.tab button {
  background-color: inherit;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  font-family:'kpossible';
  font-size:30px;
  color:white;
}

.tab button:hover {
    font-style:italic;
}

.tabcontent {
  display:none;
  padding:10px;
}

.tabcontent {
  animation: fadeEffect 1s;
}

@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

#Join {
    height:auto;
    text-align:left;
    position:absolute;
    right:0;
    margin:20px;
    overflow:scroll;
    width:750px;
}

input {
    align-self:left;
}

#Join p {
    margin:10px;
    text-align:left;
}

#Members {
    width:750px;
    height:600px;
    position:absolute;
    right:0;
    top:30px;
    overflow:scroll;
}

#About {
    width:750px;
    position:absolute;
    right:0;
    display:block;
    margin:20px;
}

#Stats {
    width:750px;
    position:absolute;
    right:20px;
    top:30px;
}

#Buttons {
    width:750px;
    position:absolute;
    right:0;
    top:30px;
}

#Buttons img {
    margin:5px;
}

#send {
    border:4px ridge rgb(178, 255, 85);
    margin:3px;
    width:150px;
    border-radius:5px;
    font-family:'eurostile';
    font-size:30px;
    background-image:linear-gradient(to bottom, rgb(121, 211, 42), rgb(196, 255, 128));
    box-shadow:3px 3px 3px inset rgba(255, 255, 255, 0.536);
}

#send:active {
    background-image:linear-gradient(to bottom, rgb(165, 248, 91), rgb(214, 255, 167));
    box-shadow:-3px -3px 3px inset white;
}

#fanemail {
    margin-left:25px;
}