* {
		box-sizing: border-box;
}

@font-face {
		font-family: arabella;
		src: url(Arabella.ttf);
}

img {
	width: 100%;
	height: auto;
}

.caption {
	font-size: small;
}

.WhatsUp{
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	grid-gap: 4px;
	/* background-color: #2196F3; */
	background-color: deepskyblue;
	padding: 8px;
}


.WhatsUp > div {
  background-color: rgba(255, 255, 255, 0.8);
  text-align: left;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  /* padding: 20px 20px; */
  font-size: 24px;
}


.Video{
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr 
	grid-columnn-gap: 2px;
	grid-row-gap: 2px;
	background-color: #b0f1b8;
	padding: 2px;
}

.Video > div {
  background-color: rgba(255, 255, 255, 0.8);
  text-align: left;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  /* padding: 20px 20px; */
  font-size: 24px;
}


.Trivia {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr 2fr;
	grid-column-gap: 2px;
	grid-row-gap: 2px;
	background-color: #f2f878;
	padding: 8px;
}

.Trivia > div {
  background-color: rgba(255, 255, 255, 0.8);
  text-align: left;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  /* padding: 20px 20px; */
  font-size: 24px;
}


.FunStuff{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr;
	grid-column-gap: 8px;
	grid-row-gap: 2px;
	background-color: #2196F3;
	padding: 8px;
}


.FunStuff > div {
  background-color: rgba(255, 255, 255, 0.8);
  text-align: left;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  /* padding: 20px 20px; */
  font-size: 24px;
}

.Announcements{
	display: grid;
	grid-template-columns: 1fr 
	grid-template-rows: 1fr 2fr;
	grid-column-gap: 8px;
	grid-row-gap: 2px;
	background-color: deepskyblue;
	padding: 8px;
}

.Announcements > div {
  background-color: rgba(255, 255, 255, 0.8);
  text-align: left;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  /* padding: 20px 20px; */
  font-size: 24px;
}

.BeginnersCorner{
	display: grid;
	grid-template-columns: 1fr 
	grid-template-rows: 1fr 2fr;
	grid-column-gap: 8px;
	grid-row-gap: 2px;
	background-color: #2196F3;
	padding: 8px;
}

.BeginnersCorner > div {
  background-color: rgba(255, 255, 255, 0.8);
  text-align: left;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  /* padding: 20px 20px; */
  font-size: 24px;
}




/*
.WhatsUp {
	background-color: #9de4f9;
	max-width: 750px;
	margin: auto;
	padding: 15px;
	border: 5px solid #1919a8;	
}
*/