label {
  padding-bottom: 16px;
  margin-bottom: 4px;
}
p3{
  font-size: 27px;
}
p2
{
  font-size: 18px;
}

.gradient{
background: linear-gradient(/*#332235*/#211622,  #1c1a22) no-repeat;
height: 100vh;
}
.leskTextbox
{
  border: none;
  width: 250px;
  padding: 4px;
   background: radial-gradient(circle, rgba(57, 57, 57, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);
   outline-color: #1f1f1f;
   outline-width: 1px;
   outline-style: solid;
   border-radius: 6px;
   display:flex;
   justify-content: center;
   color: white;
}
.leskTextbox:focus
{
  padding: 4px;
  background: radial-gradient(circle, rgba(57, 57, 57, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);
  outline-color: #712a77;
  outline-width: 2px;
  outline-style: solid;
  border-radius: 6px;
  display:flex;
  justify-content: center;
  color: white;
  box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.01), 0px 0px 8px #853e8b;
}
.leskTextbox:hover
{
  padding: 4px;
  background: radial-gradient(circle, rgba(57, 57, 57, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);
  outline-color: #432546;
  outline-width: 2px;
  outline-style: solid;
  border-radius: 6px;
  display:flex;
  justify-content: center;
  color: white;
}
button{
  width: 250px;
  font-size: 20px;
  border-radius: 2px;
  padding: 13px;
  border: none;
  background-color: #2e2e2e;
  color: white;
}
button:hover{
  border-radius: 2px;
  padding: 13px;
  border: none;
  background-color: #432546;
  box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.01), 0px 0px 8px #853e8b;
  color: white;
}
button:active{
  border-radius: 2px;
  padding: 13px;
  border: none;
  background-color: #712a77;
  color: white;
}
a{
  text-decoration: none;
  color: white;
}
.groupbox{
  flex-flow: row wrap;
  overflow: auto;
  /*resize: both;*/
  margin: auto;
  margin-bottom: 16px;
  width: 50%;
  padding: 10px;
  display:flex;
  justify-content: center;
  text-align: center;
  background: #1816166e;
  border-radius: 6px;
  /*background-image: url("https://image.spreadshirtmedia.net/image-server/v1/products/T1155A2PA2483PT17X15Y110D152737105W22014H6310/views/12,width=650,height=650,appearanceId=2,backgroundColor=000000/get-social-gamesense-you-didnt-get-invited-you-can-still-buy-gamesense-and-even-wear-it.jpg");*/
  outline-style: ridge;
  outline-color: #432546;
  color:#ffffff;
  box-shadow: 5px 5px 5px black;
}
.pageTitle{
  width: 40%;
  padding: 40px;
  text-align: center;
  margin: auto;
  color: #ffffff;
  font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  font-size: 60px;
}