* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  body {
    background-color: #111;
    color: white;
    font-family: Arial, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
    padding: 0; 
    flex-direction: column;
    overflow: hidden;
    transition: background-color 0.3s ease;
  }

  h1 {
font-size: 3em;
margin-bottom: 40px;
margin-top: 60px;
color: #00FF00;
text-align: center;
text-transform: uppercase;
text-shadow: 0 0 10px #00FF00, 0 0 20px #00FF00;
transition: all 0.3s ease-in-out;
}

h1:hover {
color: #FF00FF;
text-shadow: 0 0 20px #FF00FF, 0 0 30px #FF00FF;
transform: scale(1.1);
}


  .buttons {
display: flex;
gap: 25px;
justify-content: center;
width: 100%;
margin-bottom: 20px;
}

.button {
background-color: #222;
color: #00FF00;
border: 4px solid #00FF00;
padding: 15px 30px;
font-size: 1.5em;
cursor: pointer;
border-radius: 5px;
text-transform: uppercase;
text-align: center;
box-shadow: 0 0 10px #00FF00, 0 0 20px #00FF00;
transition: all 0.3s ease-in-out;
}

.button:hover {
background-color: #00FF00;
color: #222;
box-shadow: 0 0 20px #FF00FF, 0 0 30px #FF00FF;
transform: scale(1.1);
}

.button:active {
transform: scale(0.95);
}

@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');


  .partners-button {
    width: calc(100% - 0.in);
    margin-top: 20px;
    font-size: 1.5em;
    padding: 15px 30px;
  }

  .settings-button, .ab-button {
position: fixed;
top: 20px;
background-color: #222;
color: #00FF00;
border: 4px solid #00FF00;
padding: 15px;
font-size: 1.5em;
cursor: pointer;
border-radius: 50%;
text-align: center;
box-shadow: 0 0 10px #00FF00, 0 0 20px #00FF00;
transition: all 0.3s ease-in-out;
}

.settings-button:hover, .ab-button:hover {
background-color: #00FF00; 
color: #222; 
box-shadow: 0 0 20px #FF00FF, 0 0 30px #FF00FF; 
transform: scale(1.1); 
}

.settings-button:active, .ab-button:active {
transform: scale(0.95);
}

.settings-button {
right: 20px;
}

.ab-button {
right: 100px; 
}

@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');

  
.discord-button {
position: absolute;
bottom: 0;
left: 0;
margin-left: 20px;
font-family: 'Press Start 2P', cursive;
font-size: 1.5em;
color: #00FF00;
background-color: #222;
padding: 15px 30px;
border: 4px solid #00FF00;
text-transform: uppercase;
text-align: center;
cursor: pointer;
box-shadow: 0 0 10px #00FF00, 0 0 20px #00FF00;
transition: all 0.3s ease-in-out;
}

.discord-button:hover {
background-color: #00FF00;
color: #222;
box-shadow: 0 0 20px #FF00FF, 0 0 30px #FF00FF;
transform: scale(1.1);
}

.discord-button:active {
transform: scale(0.95);
}

@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');


  #particles-js {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
pointer-events: none;
}

  .widgetbot {
    width: 100%;
    height: 500px;
    margin-top: 30px;
  }
  
  body {
margin: 0;
padding: 0;
background-color: #111;
color: white;
font-family: 'Press Start 2P', cursive;
}

#particles-js {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1; 
pointer-events: none; 
}

h1 {
text-align: center;
color: #00FF00;
text-shadow: 0 0 10px #00FF00, 0 0 20px #00FF00;
margin-top: 60px;
}