*{
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

button {
	background-color: rgba(235, 238, 37, 0.932); /* Yellow */
	border: none;
	border-radius: 24px;
	color: rgb(245, 238, 238);
	padding: 10px;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	display: inline-block;
	font-size: 12px;
  }

  .topbar {

	background-color: rgb(86, 239, 241); 
	display: flex;
	align-items: center;
	justify-content: space-around;

}

.all-columns {
	float: left;
	padding: 13px;
	height: auto;
	text-align: center;
}

a {
	text-decoration: none;
}

.all-rows {
	content: "";
	display: table;
	clear: both;
	margin: auto;
	background-color: darkturquoise;
}

.footer {
	text-align: center;
	padding: 20px;
	font-style: italic;
	font-size: small;
}

@media screen and (max-width: 768) {
	.all-columns {
		width: 100%;
		padding: 15px;
	}
}