body {
    padding-top: 15px;
    top: 0;
    margin: 0;
    font-family: GoogleCode;
    background-color: black;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAMAAADDpiTIAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAADNQTFRFFxcXFBQUDw8PFRUVAAAAEBAQCwsLERERDAwMBgYGBQUFDg4OCQkJAwMDCAgIAQEBEhISt7ZrkQAAC8lJREFUeJzt2m13mmgbhWHQqFHTl///K9tpM4mJytwbUYHQ55lZy6zzg+f+cK2G2LBTDm4QW1fmrlPTBQyburprBE3GjG7BpT6Ugz+/YwD7jAe6BZf6XQACEADdgosAMgRA1+AiAAEIQAB0Cy4CyBAAXYOLAAQgAAHQLbgIIEMAdA0uAhCAAARAt+AigAwB0DW4CEAAAhAA3YKLADIEQNfgIgABCEAAdAsuAsgQAF2DiwAEIAAB0C24CCBDAHQNLgIQgAAEQLfgIoAMAdA1uAhAAAIQAN2CiwAyBEDX4CIAAQhAAHQLLgLIEABdg4sABCAAAdAtuAggQwB0DS4CEIAABEC34CKADAHQNbgIQAACEADdgosAMgRA1+AiAAEIQAB0Cy4CyBAAXYOLAAQgAAHQLbgIIEMAdA0uAhCAAARAt+AigAwB0DW4CEAAAhAA3YKLADIEQNfgIgABCEAAdAsuAsgQAF2DiwAEIAAB0C24CCBDAHQNLgIQgAAEQLfgIoAMAdA1uAhAAAIQAN2CiwAyBEDX4CIAAQhAAHQLLgLIEABdg4sABCAAAdAtuAggQwB0DS4CEIAABEC34CKADAHQNbgIQAACEADdgosAMgRA1+AiAAEIQAB0Cy4CyBAAXYOLAAQgAAHQLbgIIEMAdA0uAhCAAARAt+AigAwB0DW4CEAAAhAA3YKLADIEQNfgIgABCEAAdAsuAsgQAF2DiwAEIAAB0C24CCBDAHQNLgIQgAAEQLfgIoAMAdA1uAhAAAIQAN2CiwAyBEDX4CIAAQhAAHQLLgLIEABdg4sABCAAAdAtuAggQwB0DS4CEIAABEC34CKADAHQNbgIQAACEADdgosAMgRA1+AiAAEIQAB0Cy4CyBAAXYOLAAQgAAHQLbgIIEMAdA0uAhCAAARAt+AigAwB0DW4CEAAAhAA3YKLADIEQNfgIgABCEAAdAsuAsgQAF2DiwAEIAAB0C24CCBDAHQNLgIQgAAEQLfgIoAMAdA1uAhAAAIQAN2CiwAyBEDX4CIAAQhAAHQLLgLIEABdg4sABCAAAdAtuAggQwB0DS4CEIAABEC34CKADAHQNbgIQAACEADdgosAMgRA1+AiAAEIQAB0Cy4CyBAAXYOLAAQgAAHQLbgIIEMAdA0uAhCAAARAt+AigAwB0DW4CEAAAhAA3YKLADIEQNfgIgABCEAAdAsuAsgQAF2DiwAEIAAB0C24CCBDAHQNLgIQgAAEQLfgIoAMAdA1uAhAAAIQAN2CiwAyBEDX4CIAAQhAAHQLLgLIEABdg4sABCAAAdAtuAggQwB0DS4CEIAABEC34CKADAHQNbgIQAACEADdgosAMgRA1+AiAAEIQAB0Cy4CyBAAXYOLAAQgAAHQLbi0AMw9RwB3HgHceQRw5xHAncd3AXf9LqA5CEAAAqBbcBFAhgDoGlwEIAABCIBuwUUAGQKga3ARgAAEIAC6BRcBZAiArsFFAAIQgADoFlwEkCEAugYXAQhAAAKgW3ARQIYA6BpcBCAAAQiAbsFFABkCoGtwEYAABCAAugUXAWQIgK7BRQACEIAA6BZcBJAhALoGFwEIQAACoFtwEUCGAOgaXAQgAAEIgG7BRQAZAqBrcBGAAAQgALoFFwFkCICuwUUAAhCAAOgWXASQIQC6BhcBCEAAAqBbcBFAhgDoGlwEIAABCIBuwUUAGQKga3ARgAAEIAC6BRcBZAiArsFFAAIQgADoFlwEkCEAugYXAQhAAAKgW3ARQIYA6BpcBCAAAQiAbsFFABkCoGtwEYAABCAAugUXAWQIgK7BRQACEIAA6BZcBJAhALoGFwEIQAACoFtwEUCGAOgaXAQgAAEIgG7BRQAZAqBrcBGAAAQgALoFFwFkCICuwUUAAhCAAOgWXASQIQC6BhcBCEAAAqBbcBFAhgDoGlwEIAABCIBuwUUAGQKga3ARgAAEIAC6BRcBZAiArsFFAAIQgADoFlwEkCEAugYXAQhAAAKgW3ARQIYA6BpcBCAAAQiAbsFFABkCoGtwEYAABCAAugUXAWQIgK7BRQACEIAA6BZcBJAhALoGFwEIQAACoFtwEUCGAOgaXAQgAAEIgG7BRQAZAqBrcBGAAAQgALoFFwFkCICuwUUAAhCAAOgWXASQIQC6BhcBCEAAAqBbcBFAhgDoGlwEIAABCIBuwUUAGQKga3ARgAAEIAC6BRcBZAiArsFFAAIQgADoFlwEkCEAugYXAQhAAAKgW3ARQIYA6BpcBCAAAQiAbsFFABkCoGtwEYAABCAAugUXAWQIgK7BRQACEIAA6BZcBJAhALoGFwEIQAACoFtwEUCGAOgaXAQgAAEIgG7BRQAZAqBrcBGAAAQgALoFFwFkCICuwUUAAhCAAOgWXASQIQC6BhcBCEAAAqBbcBFAhgDoGlwEIAABCIBuwUUAGQKga3ARgAAEIAC6BRcBZAiArsFFAAIQgADoFlwEkCEAugYXAQhAAAKgW3ARQIYA6BpcBCAAAQiAbsFFABkCoGtwEYAABCAAugUXAWQIgK7BRQACEIAA6BZcBJAhALoGFwEIQAACoFtwEUCGAOgaXAQgAAEIgG7BRQAZApidCLwv6/cPL1nuFy/run4ZbFzMquPopbNFtRtu2by9VR9/4vS+Hpvq4bn7w/ux9431br+omtVw97eLAFoAq+fzhtmX58ELFqsfpz9sH/rfWP+qVofBCz9smR1OX87Xr4MXTu+rbP2Sg7x4qeart+urH7q//Lj/l7/Rf4wARgDGR/F6LObL/hn79KP69jx65bJ35m5fr8vB6rH/yul9dQDWfx+qr39fX3y8/MjtaHm5UQRwBrDOv0LzMvz3z/FfrZrqsC+n8+DMLN95GpzZ893pFO5SgFTb40O13x1HqKb31QEof61/rm/+KgvI/Hn7Una/6e39dhHAGcDp6JUVuHe0luX4dId5++tY1V+vJ+9lxV82Dy/VhytA+YH1+nTEli/N4KBO7+u0tcwBlrIArNt1p0j4nIuAAIYAsmF++W45q6+nefmiv8aXL3MN2P6sZrNqfAUoHOab83qQZb23OEzvq92aE/6pf7koO+kOznI+G96c3CgC+B8AygLQOx/LQe3ZOF8DHn+fjllZu3sHudy69S4Q5aW90/fPAA678UJfAHzOyn+JAIYAyjnYntBtRtf54dHo1vyyMVfy0RVgeItYVonvvy9fTe+rbN2Ua8XwvqLltSjvQz/l5G8jgAuA8tW+eT90F90kB2V437fuvRForwHlwLf3eCMr+/4Rr6pD03vW9Md9zY4fb/Xnpw31ZvzU4VYRwOVdQLeATy7WbcpBHr1DeHo9vU389jx6V/h/AEzva7X7CGC7ez+c//Sff7l/EwFcVoB5nvgMntqMjvhoQWhX/bxtK9f7evQUaHDERx6m99VdAvq3mV0W8/3b1/L6iW/dIAK4AJj9PoyeApX3adeLdF47/NCgLM/lVJ5ty8GvX4dX78vbtzblYt87f6f3db4J7IvrpdyPfs4nFgK43gQuy7//8DQ7NL1zvtzZD5fhcodWN+WIFQjzw/C5YKFzPee3fzV9DtP7areOnwNXm+OsA9G967x5BNB7F1D+/YdnYG7CzweknMaDO4L25r79JDHfGSwVVXu8zlvyCGn0jGhiX6et5aJzfX5QtQK7w17+9CmHSQD9t4H9A94mj+KX+SRu+Xqsxu/R2lv0sihsy3o+Xrrz8Kf+km2bX83w6c70vrqteYL4dfAR0fdDPiJ4242J3SgCGDwHKMv84Aw8faRTV7OcwR/uwsoxbC8R+XhnvD5njc/fbMoc/Mhqel/nrQVVb7nI1aOql+sf4x9yswhg+CConPLfm/6xvHwcWD9+eCdergHto7zRzeIpOWm7HzH8hHl6X+etOeS9W431vPs0un76nP8RIIAWwMOu6hbe+Vu1Gnzqsn2p32bH+mnq7vzYLNpV4ennl4lvL+vFz+rb62z0LHd6X7O6On1onI+QZj1rm9/Nn3Z/iwjA/xImgOqOAeQe5b5//zv+5U3yDwpY5lsrQWO2AAAAAElFTkSuQmCC") repeat 0 0;
    -webkit-animation: bg-scrolling-reverse 3.84s infinite;
    -moz-animation: bg-scrolling-reverse 3.84s infinite;
    -o-animation: bg-scrolling-reverse 3.84s infinite;
    animation: bg-scrolling-reverse 3.84s infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
}

@-webkit-keyframes bg-scrolling-reverse {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 115% 120%;
  }
}
@-moz-keyframes bg-scrolling-reverse {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 115% 120%;
  }
}
@-o-keyframes bg-scrolling-reverse {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 115% 120%;
  }
}
@keyframes bg-scrolling-reverse {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 115% 120%;
  }
}

@font-face {
    font-family: CodeBold;
    src: url("../fontresource/CODE\ Bold.woff2");
}

@font-face {
    font-family: CodeLight;
    src: url("../fontresource/CODE\ Light.woff2");
}

@font-face {
    font-family: GoogleCode;
    src: url("../fontresource/gsc.woff2");
}

.nav {
    border: 2px rgba(255, 255, 255, 0.1) solid;
    border-radius: 256px;
    padding-top: 0.5%;
    padding-bottom: 0.5%;
    padding-left: 1.5%;
    padding-right: 1.5%;
    display: flex;
    width: 75%;
    max-width: 75%;
    margin-left: auto;
    margin-right: auto;
    z-index: 999;
    background-color: rgb(0, 0, 0);
}

ul {
    line-height: 25px;
    vertical-align: middle;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #000000;
    width: 100%;
  }
  
  li {
    padding: 5px;
    float: left;
  }
  
  li a {
    border-radius: 256px;
    border: 2px rgba(255, 255, 255, 0.1) solid;
    transition: 0.5s all;
    display: block;
    color: white;
    text-align: center;
    padding: 14px;
    text-decoration: none;
  }
  
  li a:hover {
    font-weight: 800;
    border: 2px rgba(255, 255, 255, 0.2) solid;
    background-color: #111;
  }

  .eer:hover {
    transition: 0.9s all;
    border: none;
    background-color: black;
    color: #ffc500;
  }

  .eer {
    line-height: 27.5px;
    border: none;
    font-family: CodeBold;
    font-size: 30px;
  }

.hero {
    text-align: center;
    color: white;
    padding-top: 300px;
    padding-bottom: 300px;
}

.content {
    background-color: black;
    display: grid;
    place-items: center;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 50px;
    border-top: 2px rgba(255, 255, 255, 0.1) solid;
    color: white;
    width: 100%;
}

.yes {
    font-size: 50px;
    text-align: center;
}

.buttonaa ul li a:hover {
    padding: 20px;
    font-size: 20px;
}