body, html{
  padding: 0;
  margin: 0;
  width: 100%;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  background: #d8f1ff;
}

input{
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  width: 100%;
  height: 50px;
  padding: 5px;
  box-sizing: border-box;
  border: 2px solid #636363;
  background: #ffffff;
  font-size: 18px;
  border-radius: 5px;
}

button{
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  width: 100%;
  height: 50px;
  border: 2px solid #0a8f11;
  /* border-bottom: 4px solid #29b536; */
  font-weight: bold;
  background: #88e86b;
  color: #174a10;
  font-size: 18px;
  border-radius: 5px;
  transition: background 0.3s ease-in-out;
}

button:hover{
  cursor: pointer;
  background: #97f27c;
}

.buttonDiscord{
  background: #5865F2;
  border: none;
  color: #ffffff;
  transition: background 0.3s;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  height: 50px;
  font-size: 18px;
  text-decoration: none;
  width: 100%;
  display: flex;
}

.buttonDiscord:hover{
  cursor: pointer;
  background: #4852c4;
}


form > label, form > input{
  display: block;
  margin-bottom: 10px;
  color: black;
  font-size: 18px;
}

form > button{
  display: block;
  margin-top: 20px;
  position: relative;
}

h1, h2, h3, h4, h5{
  margin: 0;
  margin-bottom: 10px;
  display: block;
}

#loginContainer{
  /* background: rgb(189, 179, 179); */
  padding: 20px;
  background: white;
}

@media screen and (min-width: 680px) {
  #loginContainer{
    background: white;
    padding: 20px;
    margin: 50px auto;
    width: 600px;
    border-radius: 5px;
    box-shadow: 0px 2px 1px #767676;
  }
}

.response{
  /* border: 2px solid #942c2c; */
  /* border-bottom: 4px solid #942c2c; */
  padding: 10px;
  margin-bottom: 20px;
  background: #fe7f7f47;
  color: #bb0000;
  font-size: 18px;
  border-radius: 8px;
}

.discordImage{
  height: 300px;
  margin: 0 auto;
  display: block;
}