body {
	font-family: 'Lora', serif;
	background-color: #f5ebe0;
}

.nav-item a, .nav-item a:hover {
	color:#000;
}

.nav-link.active {
	background-color:#000 !important;
	color:#fff !important;
}

#paklyPlayground {
  position: fixed; /* Sit on top of the page content */
  width: 100%; /* Full width (cover the whole page) */
  height: 85%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding:0.4em;
  background-color: rgba(245,235,224,1); /* Black background with opacity */
  z-index: 1; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}

.playcard {
	font-size:1.5em;
	background-color: #fff;
	border:3px #d79c5b solid;
	margin:1em;
	word-break: break-word;
	transition: transform 0.3s ease;
	will-change: transform;
	touch-action: pan-y;
}

.answer {
  display: flex;
  justify-content: center;
  color: #d79c5b;
  cursor: pointer;
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  align-items: end;

}

.regfield {
	display: none;
}