@import url('https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap');

@media (prefers-color-scheme: dark) {
  body {
    align-self: center;
    align-content: center;
    align-items: center;
    background-color: #242424;
    color: #ffffff;
    text-align: center;
  }

  .MainText {
    color: #ffffff;
    text-align: center;
    align-content: center;
    align-self: center;
    font-size: 20px;
    margin-top: 300px;
    font-family: 'Google Sans', sans-serif;
  }

  body button {
    background-color: #5865F2;
    color: #ffffff;
    text-align: center;
    align-content: center;
    align-self: center;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
  }
}

@media (prefers-color-scheme: light) {
  body {    
    align-self: center;
    align-content: center;
    align-items: center;
    background-color: #d3d3d3;
    color: #000000;
    text-align: center;
  }
  
  .MainText {
    color: rgb(0, 0, 0);
    text-align: center;
    align-content: center;
    align-self: center;
    font-size: 20px;
    margin-top: 300px;
    font-family: 'Google Sans', sans-serif;
  }

  body button {
    background-color: #5865F2;
    color: #ffffff;
    text-align: center;
    align-content: center;
    align-self: center;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
  }
}