/* 1st button */
.button_1 {
margin:10px;
  background-color: #ebebfa;
  border-radius: 20px;
  box-shadow: rgba(25, 25, 102, .2) 0 -25px 18px -14px inset,rgba(25, 25, 102, .15) 0 1px 2px,rgba(25, 25, 102, .15) 0 2px 4px,rgba(25, 25, 102, .15) 0 4px 8px,rgba(25, 25, 102, .15) 0 8px 16px,rgba(25, 25, 102, .15) 0 16px 32px;
  color: #191966;
  cursor: pointer;
  display: inline-block;
  font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif;
  padding: 7px 20px;
  text-align: center;
  text-decoration: none;
  transition: all 250ms;
  border: 0;
  font-size: 14px;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  height:80px;
  width:90px;
}

.button_1:hover {
  box-shadow: rgba(25, 25, 102,,.35) 0 -25px 18px -14px inset,rgba(25, 25, 102,,.25) 0 1px 2px,rgba(25, 25, 102,,.25) 0 2px 4px,rgba(25, 25, 102,,.25) 0 4px 8px,rgba(25, 25, 102,,.25) 0 8px 16px,rgba(25, 25, 102,,.25) 0 16px 32px;
  transform: scale(1.05) rotate(-1deg);
}



/* 2nd button */
.button_2 {
margin:10px;
  background-color: #c2fbd7;
  border-radius: 20px;
  box-shadow: rgba(44, 187, 99, .2) 0 -25px 18px -14px inset,rgba(44, 187, 99, .15) 0 1px 2px,rgba(44, 187, 99, .15) 0 2px 4px,rgba(44, 187, 99, .15) 0 4px 8px,rgba(44, 187, 99, .15) 0 8px 16px,rgba(44, 187, 99, .15) 0 16px 32px;
  color: green;
  cursor: pointer;
  display: inline-block;
  font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif;
  padding: 7px 20px;
  text-align: center;
  text-decoration: none;
  transition: all 250ms;
  border: 0;
  font-size: 14px;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  height:80px;
  width:90px;
}

.button_2:hover {
  box-shadow: rgba(44,187,99,.35) 0 -25px 18px -14px inset,rgba(44,187,99,.25) 0 1px 2px,rgba(44,187,99,.25) 0 2px 4px,rgba(44,187,99,.25) 0 4px 8px,rgba(44,187,99,.25) 0 8px 16px,rgba(44,187,99,.25) 0 16px 32px;
  transform: scale(1.05) rotate(-1deg);
}


/* 3 button */
.button_3 {
margin:10px;
  background-color: #ffe6e6;
  border-radius: 20px;
  box-shadow: rgba(179, 0, 0, .2) 0 -25px 18px -14px inset,rgba(179, 0, 0, .15) 0 1px 2px,rgba(179, 0, 0, .15) 0 2px 4px,rgba(179, 0, 0, .15) 0 4px 8px,rgba(179, 0, 0, .15) 0 8px 16px,rgba(179, 0, 0, .15) 0 16px 32px;
  color: #b30000;
  cursor: pointer;
  display: inline-block;
  font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif;
  padding: 7px 20px;
  text-align: center;
  text-decoration: none;
  transition: all 250ms;
  border: 0;
  font-size: 14px;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  height:80px;
  width:90px;
}

.button_3:hover {
  box-shadow: rgba(179, 0, 0,.35) 0 -25px 18px -14px inset,rgba(179, 0, 0,.25) 0 1px 2px,rgba(179, 0, 0,.25) 0 2px 4px,rgba(179, 0, 0,.25) 0 4px 8px,rgba(179, 0, 0,.25) 0 8px 16px,rgba(179, 0, 0,.25) 0 16px 32px;
  transform: scale(1.05) rotate(-1deg);
}



/* 4 button */
.button_4 {
margin:10px;
  background-color: #ffccff;
  border-radius: 20px;
  box-shadow: rgba(102, 0, 102, .2) 0 -25px 18px -14px inset,rgba(102, 0, 102, .15) 0 1px 2px,rgba(102, 0, 102, .15) 0 2px 4px,rgba(102, 0, 102, .15) 0 4px 8px,rgba(102, 0, 102, .15) 0 8px 16px,rgba(102, 0, 102, .15) 0 16px 32px;
  color: #660066;
  cursor: pointer;
  display: inline-block;
  font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif;
  padding: 7px 20px;
  text-align: center;
  text-decoration: none;
  transition: all 250ms;
  border: 0;
  font-size: 14px;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  height:80px;
  width:90px;
}

.button_4:hover {
  box-shadow: rgba(102, 0, 102,.35) 0 -25px 18px -14px inset,rgba(102, 0, 102,.25) 0 1px 2px,rgba(102, 0, 102,.25) 0 2px 4px,rgba(102, 0, 102,.25) 0 4px 8px,rgba(102, 0, 102,.25) 0 8px 16px,rgba(102, 0, 102,.25) 0 16px 32px;
  transform: scale(1.05) rotate(-1deg);
}



/* 5 button */
.button_6 {
margin:10px;
  background-color: #f5f5f0;
  border-radius: 20px;
  box-shadow: rgba(92, 92, 61, .2) 0 -25px 18px -14px inset,rgba(92, 92, 61, .15) 0 1px 2px,rgba(92, 92, 61, .15) 0 2px 4px,rgba(92, 92, 61, .15) 0 4px 8px,rgba(92, 92, 61, .15) 0 8px 16px,rgba(92, 92, 61, .15) 0 16px 32px;
  color: #5c5c3d;
  cursor: pointer;
  display: inline-block;
  font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif;
  padding: 7px 20px;
  text-align: center;
  text-decoration: none;
  transition: all 250ms;
  border: 0;
  font-size: 14px;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  height:80px;
  width:90px;
}

.button_6:hover {
  box-shadow: rgba(92, 92, 61,.35) 0 -25px 18px -14px inset,rgba(92, 92, 61,.25) 0 1px 2px,rgba(92, 92, 61,.25) 0 2px 4px,rgba(92, 92, 61,.25) 0 4px 8px,rgba(92, 92, 61,.25) 0 8px 16px,rgba(92, 92, 61,.25) 0 16px 32px;
  transform: scale(1.05) rotate(-1deg);
}



/* 6 button */
.button_5 {
margin:10px;
  background-color: #ffffe6;
  border-radius: 20px;
  box-shadow: rgba(179, 179, 0, .2) 0 -25px 18px -14px inset,rgba(179, 179, 0, .15) 0 1px 2px,rgba(179, 179, 0, .15) 0 2px 4px,rgba(179, 179, 0, .15) 0 4px 8px,rgba(179, 179, 0, .15) 0 8px 16px,rgba(179, 179, 0, .15) 0 16px 32px;
  color: #b3b300;
  cursor: pointer;
  display: inline-block;
  font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif;
  padding: 7px 20px;
  text-align: center;
  text-decoration: none;
  transition: all 250ms;
  border: 0;
  font-size: 14px;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  height:80px;
  width:90px;
}

.button_5:hover {
  box-shadow: rgba(179, 179, 0,.35) 0 -25px 18px -14px inset,rgba(179, 179, 0,.25) 0 1px 2px,rgba(179, 179, 0,.25) 0 2px 4px,rgba(179, 179, 0,.25) 0 4px 8px,rgba(179, 179, 0,.25) 0 8px 16px,rgba(179, 179, 0,.25) 0 16px 32px;
  transform: scale(1.05) rotate(-1deg);
}


/* 7 button */
.button_7 {
margin:10px;
  background-color: #ecffe6;
  border-radius: 20px;
  box-shadow: rgba(32, 128, 0, .2) 0 -25px 18px -14px inset,rgba(32, 128, 0, .15) 0 1px 2px,rgba(32, 128, 0, .15) 0 2px 4px,rgba(32, 128, 0, .15) 0 4px 8px,rgba(32, 128, 0, .15) 0 8px 16px,rgba(32, 128, 0, .15) 0 16px 32px;
  color: #208000;
  cursor: pointer;
  display: inline-block;
  font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif;
  padding: 7px 20px;
  text-align: center;
  text-decoration: none;
  transition: all 250ms;
  border: 0;
  font-size: 14px;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  height:80px;
  width:90px;
}

.button_7:hover {
  box-shadow: rgba(32, 128, 0,.35) 0 -25px 18px -14px inset,rgba(32, 128, 0,.25) 0 1px 2px,rgba(32, 128, 0,.25) 0 2px 4px,rgba(32, 128, 0,.25) 0 4px 8px,rgba(32, 128, 0,.25) 0 8px 16px,rgba(32, 128, 0,.25) 0 16px 32px;
  transform: scale(1.05) rotate(-1deg);
}



/* 8 button */
.button_8 {
margin:10px;
  background-color: #ffe0b3;
  border-radius: 20px;
  box-shadow: rgba(153, 92, 0, .2) 0 -25px 18px -14px inset,rgba(153, 92, 0, .15) 0 1px 2px,rgba(153, 92, 0, .15) 0 2px 4px,rgba(153, 92, 0, .15) 0 4px 8px,rgba(153, 92, 0, .15) 0 8px 16px,rgba(153, 92, 0, .15) 0 16px 32px;
  color: #995c00;
  cursor: pointer;
  display: inline-block;
  font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif;
  padding: 7px 20px;
  text-align: center;
  text-decoration: none;
  transition: all 250ms;
  border: 0;
  font-size: 14px;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  height:80px;
  width:90px;
}

.button_8:hover {
  box-shadow: rgba(153, 92, 0,.35) 0 -25px 18px -14px inset,rgba(153, 92, 0,.25) 0 1px 2px,rgba(153, 92, 0,.25) 0 2px 4px,rgba(153, 92, 0,.25) 0 4px 8px,rgba(153, 92, 0,.25) 0 8px 16px,rgba(153, 92, 0,.25) 0 16px 32px;
  transform: scale(1.05) rotate(-1deg);
}


/* 9 button */
.button_9 {
margin:10px;
  background-color: #ffe6ff;
  border-radius: 20px;
  box-shadow: rgba(128, 0, 128, .2) 0 -25px 18px -14px inset,rgba(128, 0, 128, .15) 0 1px 2px,rgba(128, 0, 128, .15) 0 2px 4px,rgba(128, 0, 128, .15) 0 4px 8px,rgba(128, 0, 128, .15) 0 8px 16px,rgba(128, 0, 128, .15) 0 16px 32px;
  color: #800080;
  cursor: pointer;
  display: inline-block;
  font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif;
  padding: 7px 20px;
  text-align: center;
  text-decoration: none;
  transition: all 250ms;
  border: 0;
  font-size: 14px;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  height:80px;
  width:90px;
}

.button_9:hover {
  box-shadow: rgba(128, 0, 128,.35) 0 -25px 18px -14px inset,rgba(128, 0, 128,.25) 0 1px 2px,rgba(128, 0, 128,.25) 0 2px 4px,rgba(128, 0, 128,.25) 0 4px 8px,rgba(128, 0, 128,.25) 0 8px 16px,rgba(128, 0, 128,.25) 0 16px 32px;
  transform: scale(1.05) rotate(-1deg);
}


.logout a{
	background-color:#995c00;;
	width:auto;
	height:auto;
	padding:10px;
	color:white;
	border-radius:20px;
	border: 0 solid red;
	
}