body {
  background-color: #000000;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 50px;
  color: #8db600;
  resize: both;
  overflow: scroll;
}

@media only screen and (max-width: 768px) {
  body {
    background-color: #000000;
    background-image: url("" width="20%" );
    background-size: contain;
  transition:.5s;
  }
}

.menuButton{
    padding: 15px 13px;
    background-color: #2a2a2a;
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    border-radius: 15%;
    border-color: #ffffff;
    border-style: solid;
    border-width: 3px;
    transition:.5s;
    z-index: 2;
    cursor: pointer;
    width: 100%; /* Four links of equal widths */
    text-align: center;
    box-shadow: 1px 3px 4px #FFD7ff;
    background-color: #000000; /* For browsers that do not support gradients */
    background-image: linear-gradient(to bottom right, #ffffff,#2a2a2a,#000000);
}
.menuButton:hover{
    padding: 15px 13px;
    background-color: #000000;
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    border-radius: 15%;
    border-color: #000000;
    border-style: solid;
    border-width: 3px;
    transition:.5s;
    z-index: 2;
    cursor: pointer;
    width: 100%; /* Four links of equal widths */
    text-align: center;
    box-shadow: 1px 3px 4px #FFD7ff;
    background-color: #000000; /* For browsers that do not support gradients */
    background-image: linear-gradient(#8db600, #2a2a2a);
    background-image: linear-gradient(to bottom right, #ffffff,#8db600,#2a2a2a);
}

@media only screen and (max-width: 768px) {
 .menuButton{
    padding: 9px 1px;
    width: 23%; /* Four links of equal widths */
    text-align: center;
  }
}

@media only screen and (max-width: 768px) {
 .menuButton:hover{
    padding: 9px 1px;
  }
}

.advertButton{
    padding: 15px 13px;
    background-color: #2a2a2a;
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    border-radius: 15%;
    border-color: #ffffff;
    border-style: solid;
    border-width: 3px;
    transition:.5s;
    z-index: 2;
    cursor: pointer;
    width: 100%; /* Four links of equal widths */
    text-align: center;
}
.advertButton:hover{
    padding: 15px 13px;
    background-color: #8db600;
    border: none;
    color: #2a2a2a;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    border-radius: 15%;
    border-color: #2a2a2a;
    border-style: solid;
    border-width: 3px;
    transition:.5s;

}

@media only screen and (max-width: 768px) {
 .advertButton{
   padding: 9px 1px;
   width: 100%; /* Four links of equal widths */
   text-align: center;
    }
}


@media only screen and (max-width: 768px) {
 .advertButton:hover{
   padding: 9px 1px;

  }
}



.menuButton{
    padding: 15px 13px;
    background-color: #2a2a2a;
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    border-radius: 15%;
    border-color: #ffffff;
    border-style: solid;
    border-width: 3px;
    transition:.5s;
    z-index: 2;
    cursor: pointer;
    width: 100%; /* Four links of equal widths */
    text-align: center;
}
.menuButton:hover{
 padding: 15px 13px;
    background-color: #000000;
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    border-radius: 15%;
    border-color: #000000;
    border-style: solid;
    border-width: 3px;
    transition:.5s;
    z-index: 2;
    cursor: pointer;
    width: 100%; /* Four links of equal widths */
    text-align: center;
    box-shadow: 1px 3px 4px #FFD7ff;
    background-color: #000000; /* For browsers that do not support gradients */
    background-image: linear-gradient(#8db600, #2a2a2a);
    background-image: linear-gradient(to bottom right, #ffffff,#8db600,#2a2a2a);
}

@media only screen and (max-width: 768px) {
 .menuButton{
   padding: 9px 1px;
   width: 23%; /* Four links of equal widths */
   text-align: center;
    }
}


@media only screen and (max-width: 768px) {
 .menuButton:hover{
   padding: 9px 1px;
     width: 23%; /* Four links of equal widths */

  }
}




.menuButtonOn{
    padding: 15px 13px;
    background-color: #000000;
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    border-radius: 15%;
    border-color: #000000;
    border-style: solid;
    border-width: 3px;
    transition:.5s;
    z-index: 2;
    cursor: pointer;
    width: 100%; /* Four links of equal widths */
    text-align: center;
    box-shadow: 1px 3px 4px #FFD7ff;
    background-color: #000000; /* For browsers that do not support gradients */
    background-image: linear-gradient(#8db600, #2a2a2a);
    background-image: linear-gradient(to bottom right, #ffffff,#8db600,#2a2a2a);
}
.menuButtonOn:hover{
    border-image: linear-gradient(to bottom right,#ffffff,#000000);


}

@media only screen and (max-width: 768px) {
 .menuButtonOn{
   padding: 9px 1px;
   width: 23%; /* Four links of equal widths */
   text-align: center;
    }
}


@media only screen and (max-width: 768px) {
 .menuButtonOn:hover{
color:#FFD7ff;

  }
}





.loginButton{
    border: 2px solid #1C677C;
    font-family: 'Courier', monospace;
    width: 12.1rem;
    border: solid black 2px;
    margin-right: 0.7rem;
    border-radius: 25px;
    background-color: white;
    color: black;
    border: 2px solid #008CBA;
    background-color: #5478e4;
    border: none;
    color: #0000;
    text-align: right;
    text-decoration: none;
    display: inline-block;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 6px;
    text-decoration: none;
    padding: 16px 32px;
    text-align: center;
    background-color: #5478e4;
    border: 3px solid #2a2a2a;
    box-shadow: -3px -3px 10px rgb(0 0 0 / 20%), 3px 3px 10px rgb(0 0 0 / 20%);
    width: 90%;
    height: 90%;
    font-size: 26px;
    font-weight: 900;
    font-size: 40px;
    font-family: "Verdana", Times, serif;
    color: #ffff;
    border: 3px solid #ffffff;
    opacity:1;
    width:49%;
    transition:.5s;
}
.loginButton:hover{
    border: 2px solid #1C677C;
    font-family: 'Courier', monospace;
    width: 12.1rem;
    border: solid black 2px;
    margin-right: 0.7rem;
    border-radius: 25px;
    background-color: white;
    color: black;
    border: 2px solid #008CBA;
    background-color: #5478e4;
    border: none;
    color: #0000;
    text-align: right;
    text-decoration: none;
    display: inline-block;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 6px;
    text-decoration: none;
    padding: 16px 32px;
    text-align: center;
    background-color: #2a2a2a;
    border: 3px solid #ffffdd;
    width: 50%;
    box-shadow: -3px -3px 10px rgb(0 0 0 / 20%), 3px 3px 10px rgb(0 0 0 / 20%);
    width: 90%;
    height: 90%;
    font-size: 26px;
    font-weight: 900;
    font-size: 40px;
    font-family: "Verdana", Times, serif;
    color: #ffff;
    border: 3px solid #ffffff;
   width: 49%;
}
@media only screen and (max-width: 768px) {
 .loginButton{
   width: 100%;
   }
 .loginButton:hover{
   width: 100%;
   }
}
.signupButton{
    border: 2px solid #1C677C;
    font-family: 'Courier', monospace;
    width: 12.1rem;
    border: solid black 2px;
    margin-right: 0.7rem;
    border-radius: 25px;
    background-color: white;
    color: black;
    border: 2px solid #008CBA;
    background-color: #5478e4;
    border: none;
    color: #0000;
    text-align: right;
    text-decoration: none;
    display: inline-block;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 6px;
    text-decoration: none;
    padding: 16px 32px;
    text-align: center;
    background-color: #FFA500;
    border: 3px solid #2a2a2a;
    width: 50%;
    box-shadow: -3px -3px 10px rgb(0 0 0 / 20%), 3px 3px 10px rgb(0 0 0 / 20%);
    width: 90%;
    height: 90%;
    font-size: 26px;
    font-weight: 900;
    font-size: 40px;
    font-family: "Verdana", Times, serif;
    color: #ffff;
    border: 3px solid #ffffff;
    width:49%;
    transition:.5s;
}
.signupButton:hover{
    border: 2px solid #1C677C;
    font-family: 'Courier', monospace;
    width: 12.1rem;
    border: solid black 2px;
    margin-right: 0.7rem;
    border-radius: 25px;
    background-color: white;
    color: black;
    border: 2px solid #008CBA;
    background-color: #5478e4;
    border: none;
    color: #0000;
    text-align: right;
    text-decoration: none;
    display: inline-block;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 6px;
    text-decoration: none;
    padding: 16px 32px;
    text-align: center;
    background-color: #2a2a2a;
    border: 3px solid #ffffdd;
    width: 50%;
    box-shadow: -3px -3px 10px rgb(0 0 0 / 20%), 3px 3px 10px rgb(0 0 0 / 20%);
    width: 90%;
    height: 90%;
    font-size: 26px;
    font-weight: 900;
    font-size: 40px;
    font-family: "Verdana", Times, serif;
    color: #ffff;
    border: 3px solid #ffffff;
   width: 49%;
}
@media only screen and (max-width: 768px) {
 .signupButton{
   width: 100%;
   }
 .signupButton:hover{
   width: 100%;
   }
}

.top {
  background-color: #2a2a2a;
  position:fixed;
  top:0px;
  width:100%;
  height:50px;
  left:0px;
  color:#ffffff;
  transition:.5s;
  background: url(https://onmybubble.com/images/spaceBanner.png);
  background-size: 100%;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 768px) {
 .top {
    background-color: #000000;
    height:50px;
    transition:.5s;
  }
}

.wrapper { 
  position:absolute;
  float:right;
  border : 2px solid #2a2a2a; 
  overflow:hidden;
  background-color: #8db600;
  min-height: 200px;
  padding-right: 10px;
  top:55px;
  transition:.5s;
  margin: 0 auto;
  right:1%;
  left:1%;
  background: url(https://onmybubble.com/images/spaceBanner.png);
  background-size: 100%;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
.wrapper { 
    top:55px;
    transition:.5s;
    float:left;
    margin:auto;
    right:0%;
    left:0%;
  }
}

#one {
  background-color: #2a2a2a;
  float:left; 
  margin-right:20px;
  margin:10px;
  width:140px;
  border:2px solid #8db600;
  opacity .5:;
}
#two { 
  background-color: #000000;
  overflow:hidden;
  margin:10px;
  border:2px dashed #ccc;
  min-height:170px;
  margin-right:0px;
  font-weight:200;
}


#three { 
  background-color: white;
  overflow:hidden;
  margin:10px;
  border:2px dashed #ccc;
  min-height:170px;
  margin-right:0px;

}
@media screen and (max-width: 768px) {
   #one { 
    float: none;
    margin-right:0;
    width:auto;
    border:0;
    border-bottom:2px solid #000;  
 }  
}
.loginLink{ 
  position:fixed;
  right:2%;
  top:2%;
}

.logoutLink{ 
  position:fixed;
  right:2%;
  top:2%;
 color:#ffffff;
}

.topTitle{ 
  font-size: 40px;
  font-weight: 900;
display:none;
}

@media screen and (max-width: 768px) {
   .topTitle { 
    font-size: 16px;
    font-weight: 900;
    position:fixed;
    left:2%;
  
 }  
}


.topLogo{ 
 position:fixed;
   width: 60px;
   height: 60px 
   top: 140%;
   left: 70px;
 }
@media screen and (max-width: 768px) {
   .topLogo { 
    font-size: 16px;
    font-weight: 900;
    position:fixed;
    left:22%;
    position:fixed;
    width: 50px;
    height: 50px 
    top: 10%;
    left: 50%;
 }  
}

.footer {
  background-color: #000000;
  position:fixed;
  bottom:0px;
  width:100%;
  height:90px;
  left:0px;
  color:#8db600;
  border : 2px solid #8db600;
  transition:.5s;
}
@media only screen and (max-width: 768px) {
 .footer {
  background-color: #8db600;
  width:100%;
  height:40px;  
  bottom:0px;
  border : 2px solid #2a2a2a; 
  overflow:hidden;
  color:#2a2a2a;
  transition:.5s;
  }
}


<style>
#marqueeTradingFloor{
 background: #000;
 height:20px; 	
 background-repeat: no-repeat;
 align: center;
 font-family: verdana;
 font-size: 12px;
 text-align: center;
 background-color: black;
 padding-top: 1%;
 padding-bottom: 1px;
 border:4px;  
 border-style: solid;
 border-color: #8db600;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 6px;
}
/* unvisited link */
a:link {
  color: #fffccc;
text-decoration: none;
}

/* visited link */
a:visited {
  color: #ffffff;
text-decoration: none;
}

/* mouse over link */
a:hover {
  color: #CCC;
text-decoration: none;
}

/* selected link */
a:active {
  color: #8db600;
text-decoration: none;
}







.topTitleLogoMobile{ 
 left: 240px;
 position:fixed;
       display:none;

}
@media screen and (max-width: 768px) {
   .topTitleLogoMobile { 
 top: 14px;
  left: 14px;
 position:fixed;
      display:block;

 }  
}

.topTitleMobile{ 
  left: 240px;
 position:fixed;
    display:none;
}
@media screen and (max-width: 768px) {
   .topTitleMobile { 
      top: 12px;
      left: 80px;
      position:fixed;
      display:block;
  
 
 }  
}



.gamerTrendingButtonOn{
    padding: 15px 13px;
    background-color: #2a2a2a;
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    border-radius: 15%;
    border-color: #ffffff;
    border-style: solid;
    border-width: 3px;
    transition:.5s;
    z-index: 2;
    cursor: pointer;
    width: 100%; /* Four links of equal widths */
    text-align: center;
     box-shadow: 1px 3px 4px #FFD7ff;
    background-color: #000000; /* For browsers that do not support gradients */
   
    background-image: linear-gradient(to bottom right, #ffffff,#2a2a2a,#000000);

}
.gamerButtonOn:hover{
 padding: 15px 13px;
    background-color: #000000;
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    border-radius: 15%;
    border-color: #000000;
    border-style: solid;
    border-width: 3px;
    transition:.5s;
    z-index: 2;
    cursor: pointer;
    width: 100%; /* Four links of equal widths */
    text-align: center;
    box-shadow: 1px 3px 4px #FFD7ff;
    background-color: #000000; /* For browsers that do not support gradients */
    background-image: linear-gradient(#6699CC , #2a2a2a);
    background-image: linear-gradient(to bottom right, #ffffff,#6699CC ,#2a2a2a);
}

@media only screen and (max-width: 768px) {
 .gamerButtonOn{
   padding: 9px 1px;
   width: 23%; /* Four links of equal widths */
   text-align: center;
    }
}


@media only screen and (max-width: 768px) {
 .gamerButtonOn:hover{
   padding: 9px 1px;
     width: 23%; /* Four links of equal widths */

  }
}