html, body{
  height: 100%;
}
body{
  padding: 10px;
  background: linear-gradient(to top, #0e000a, #38003e);
}
title {
	color: #5C6AC4;
	font-family: Comic Sans MS;
}
.buttonBig{
  box-sizing: border-box;
  display: inline-block;
  border-color: #600074;
  border-radius: 10px;
  width: 130px;
  height: 120px;
  border-width: 2px;
  background: linear-gradient(to top, #1e0424, #2b003f);
  color: #ff9fda;
  font-family: Comic Sans MS;
}
.buttonMedium{
  box-sizing: border-box;
  display: inline-block;
  border-color: #6c0081;
  border-radius: 10px;
  width: 130px;
  height: 90px;
  border-width: 2px;
  background: linear-gradient(to top, #1e0424, #2b003f);
  color: #ff9fda;
  font-family: Comic Sans MS;
}
.buttonAction{
  box-sizing: border-box;
  display: inline-block;
  border-color: #6c0081;
  border-radius: 7px;
  width: 60px;
  height: 30px;
  border-width: 2px;
  background: linear-gradient(to top, #1e0424, #2b003f);
  color: #ff9fda;
  font-family: Comic Sans MS;
}
.normalTextClass{
  font-family: Comic Sans MS;
  color: #ffbdf7;
}
u{
  color: #800097;
  text-decoration-thickness: 3px;
}
.cbox{
  border-radius: 5px;
  padding: 10px;
  width: 1050px;
  height: 450px;
  overflow-x: auto;
  box-shadow: 0 2px 2px black;
  background: linear-gradient(to top, #000, #121212);
  color: aliceblue;
  border-width: 2px;
  border-color: #242424;
}
.miniButton{
  border-radius: 0px;
  border-color: #6b0084;
  border-width: 0px;
  background: linear-gradient(to top, #c738ff, #ff0b79);
  background-clip: text;
  -webkit-text-fill-color: transparent;    font-family: Comic Sans MS;
  font-size: 18px;
}
.miniTitleClass{
  font-family: Comic Sans MS;
  font-size: 18px;
  background: linear-gradient(to top, #c738ff, #ff0b79);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
hr{
  color: #72006b;
  border-width: 1.5px;
}
.titleClass{
  text-align: center;
  font-family: Comic Sans MS;
  font-size: 30px;
  background: linear-gradient(to top, #b700ff, #ff006f);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.buttonBig:hover{
  border-color: #9702b5;
  border-radius: 10px;
  border-width: 2px;
  background-color: #520466;
  color: #ff72c9;
}
.buttonMedium:hover{
  border-color: #9702b5;
  border-radius: 10px;
  border-width: 2px;
  background-color: #520466;
  color: #ff72c9;
}
.buttonAction:hover{
  border-color: #9702b5;
  border-radius: 10px;
  border-width: 2px;
  background-color: #520466;
  color: #ff72c9;
}
.groupbox{
  border-radius: 5px;
  border-width: 1px;
  border-color: #38003e;
}