body {
      font-family: "Poppins", sans-serif;
 }

table, th, td, tr {
  border: 1px solid white;
  border-collapse: collapse;
  padding: 10px;
}

button {
  align-items: center;
  appearance: none;
/*  background-image: radial-gradient(100% 100% at 100% 0, #5adaff 0, #5468ff 100%); */
  border: 0;
  border-radius: 6px;
  box-shadow: rgba(45, 35, 66, .4) 0 2px 4px,rgba(45, 35, 66, .3) 0 7px 13px -3px,rgba(58, 65, 111, .5) 0 -3px 0 inset;
  box-sizing: border-box;
/*  color: #fff; */
  cursor: pointer;
  display: inline-flex;
/*  font-family: "JetBrains Mono",monospace; */
  height: 40px;
  justify-content: center;
  line-height: 1;
  list-style: none;
  overflow: hidden;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
  text-align: left;
  text-decoration: none;
  transition: box-shadow .15s,transform .15s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  white-space: nowrap;
  will-change: box-shadow,transform;
  font-size: 18px;
}

.card-grid {
      display: flex;
      flex-wrap: wrap;
      gap: 1%;
      padding: 1.5%;
      margin: auto;
}
.blank 
{     padding: 0.5%;
      width: 93%;
      transition: 0.3s;
      border-style: none;
}
.blank3 
{     padding: 0.5%;
      width: 28%;
      transition: 0.3s;
      border-style: none;
}

.card1 {
      padding: 2%;
      width: 94%;
      border-radius: 4%;
      transition: 0.3s;
}
.card2 {
      padding: 2%;
      width: 44.5%;
      border-radius: 4%;
      transition: 0.3s;
}
.card3 {
      padding: 2%;
      width: 28%;
      border-radius: 4%;
      transition: 0.3s;
}
.card23 {
      padding: 2%;
      width: 61%;
      border-radius: 4%;
      transition: 0.3s;
}
.dark {
      background-color:black; 
        background-image:linear-gradient(black, darkblue);
      color: white; 
      border: 1px solid white;
      box-shadow: 0 4px 8px 0 rgba(1, 1, 1, 0.2), 0 6px 20px 0 rgba(1, 1, 1, 0.19);;
}
.light {
	background-color:aliceblue; 
        background-image:linear-gradient(aliceblue, blanchedalmond);
	color: black;
      border: 1px solid black;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);;
}
.announce {
       background-color: rgb(103,52,67); 
        background-image:linear-gradient(rgb(103,52,67), sienna);
      box-shadow: 0 4px 8px 0 rgba(1, 0, 0, 0.2), 0 6px 20px 0 rgba(1, 0, 0, 0.19);;
       color: rgb(251, 210, 200);
}

.announce2 {
       background-color: #E6D2A7; 
        background-image:linear-gradient(#E6D2A7, #945200);
      box-shadow: 0 4px 8px 0 rgba(1, 0, 0, 0.2), 0 6px 20px 0 rgba(1, 0, 0, 0.19);;
       color: black;
}